html, body {
		margin:0; padding:0;
		font:8pt/1.5 sans-serif;
		font-family: Verdana, "Sans-serif";
		height: 100%;
		background-color:#FFCCCC;
		}
		
		
	#header {
	margin-top:-15px !important;
		margin-top:0px;
	padding-top:0px;
		height: 224px;
		background-color:#FFCCCC;
		background-image:url(/images/communaute/header_02.gif);
		background-position:top left;
		background-repeat: no-repeat;
		z-index:500;
		}
	#header h2{
	position: relative; 
	line-height:1.2em;
	width:60%;
	padding-left:0px;
	padding-top:15px !important;
	margin-left:150px;
	text-align:left;
	color:white;
	font-size:large !important;
	font-size:medium ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
	
	#header h5{
	position: relative; 
	width:48% !important;
	width:70%;
	margin-top:-5px !important;
	margin-top:-10px;	
	padding-left:0px;
	margin-left:150px;
	text-align:left;
	color:white;
	font-size:small !important;
	font-size:x-small ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
	
	#header-quick-request{
	position: absolute; 
	top:125px !important;
	top:132px ;
	width:99% !important;
	border:2px solid #852A89 !important;
	width:100%;
	margin-left:0px;
	text-align:center ;
	margin-top:28px !important;
	margin-top:5px;
	background:#852A89;
	font-weight:bold;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:medium !important ;
	font-size:small ;
	border:0px solid white;
	color:#FF9900;
	}
	
	#header-drapeau-summary{
	position: relative; 
	width:100px;
	float:right;
	margin-top:-52px!important;
	margin-top:-60px;
	color:white;
	font-weight:bold;
	}
	
	#header-drapeau-summary img{
	border:none; 
	position: relative; 
	height: 30px
	width:100%;
	margin:2px;
	text-align:center;
	
	}
	
	#fonctions{
	position:absolute;
	top:184px !important;
	top:166px;
	left:0;
	background:#fff;
	width:99% !important;
	width:100%;
	z-index:100;
	border:2px solid #852A89;
	}
	
	#fonctions ul{		
		width:100%;		
		height:auto;
		padding-top:5px;
		padding-bottom:2px;
		list-style-type: none;		
		}
		
	#fonctions li{
	margin-left: 0px !important;
	margin-right:-9px !important;
  	padding:0 0.8em 0.8em 2em !important;
  	text-indent: 2em !important;		
	margin-left: -10px;
	margin-right:5px;
  	padding-left: 0.9em;
  	text-indent: 0.9em;
	height:20px;
	display:inline;
	background-image:url(/images/puce_03-4.gif);
	background-repeat:no-repeat;
	
		}
		
		
	#fonctions li a{			
		font-weight: bold;
		color : #852A89;
		text-decoration: underline;
		}	
		
	#fonctions li a:hover{
		color : black;
		text-decoration: none;
		}
		
#summary-gauche{
position: relative;
padding:auto;
margin:3px 0px 3px 2px !important;
margin:6px 0px 3px -2px;
width:auto;
float:left;

}


.summary-gauche {
position:relative;
float:left;
margin:5px 5px 0px 0px !important;
margin:2px 5px 0px 5px;

}

	#conteneur {
		position: absolute;
		width: 100%;
 		height: auto !important;
		height: 100%;
		min-height: 100%; 
		background-color:#FFCCCC;
		}
		
		
	#centre {
		height: auto !important;
		height: 100%;
		min-height: 100%; 
		background-color:#fcc;
		margin-left: 150px;
		margin-right: 140px;
		background-image:url(/images/communaute/pictos-centre_03.jpg);
		background-repeat: no-repeat;
		background-position: -5px 0px;
		text-align:center;
		}
		
#centre h1 {
		background-color:#c66;
		font-size:10pt;
		position:relative;
		top:15px;
		padding-left: 5px;
		padding-right: 5px;
		margin-right:20px !important;
		margin-right:30px;
		margin-left: 47px;
		border: 1px solid #fff;
		color: #fff;
		text-align:left;
		}
		
		
		
#centre h2 {
		background-color:#fff;
		font-size:95%;
		padding: 3px;
		margin-top:1px;
		margin-bottom:10px;
		background-image:url(/images/communaute/degrade-sstitre_07.jpg);
		background-repeat: repeat-y;
		text-align:left;
		}
		
#centre .bloc1 {
		background-color:#fff;
		font-size:95%;
		position:relative;
		top:18px;
		padding: 5px;
		margin-right:20px !important;
		margin-right:30px;
		margin-left: 45px;
		margin-bottom:15px;
		border: 1px solid #c66;
		}
		
#centre .bloc1 p {
		text-align:left;
		margin:10px;}
		
#centre .bloc1 em {
		color:#c66;
		font-size:8pt;
		font-weight:bold;
		margin:0px;
		font-style:normal;
		}
		
#centre .bloc1 b {
		font-size:9pt;
		font-weight:bold;
		margin:0px;
		}
		
#centre .bloc1 ul.liste-rub {
		border:0px solid #c66;
		text-align:left;}
		
#centre .bloc1 ul.liste-rub li a {
		border:0px solid #c66;		
		padding-left:2%;
		display:list-item;
		list-style : square;
		line-height: 1.5em;
		color:#c66;
		}

#centre .bloc1 ul li a.niko {
		border:0px solid #c66;		
		padding-left:2%;
		display:list-item;
		list-style : square;
		line-height: 1.5em;
		color:#c66;
		}
		
		

		
#centre .bloc1 ul {
		border:1px solid #c66;
		top:10px;
		margin-bottom:10px;
		padding:1px;
		text-align:left;
		}
		
#centre .bloc1 li {
		list-style:none;		
		color: #c66;
		padding-left: 10%;
		margin-bottom:1px;
				}
				
#centre .bloc1 ul img{
		position:relative;
		float:right;		
		padding: 5px;
		margin: 5px;
				}
		
.nom{
	font-size:10pt;
	font-weight:bold;
	border-bottom: 2px solid #c66;
	background:#fcc;
	background-image:url(/images/communaute/bulle-bd_03.gif);
	background-repeat: no-repeat;
	background-position:6% 7%;
		}
.nom span{
	font-size:8pt;
	font-weight:normal;
		}

.pays{
	font-size:8pt;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
		}

.cours{
	font-size:8pt;
	font-weight:bold;
		}
		
#centre .bloc1 a {		
		font-weight: bold;
		color: #9C3;
		text-decoration:none;
		
		}
		
#centre .bloc1 a:hover {
		color: #f99;
		}
		
#centre .imprimer {	
		text-align:right;	
		background-image:url(/images/communaute/imprimer_10.gif);
		background-repeat: no-repeat;		
		background-position: 100% 0px;
		width:80%;
		position:relative;
		top:30px;
		right:15px;
		padding: 14px;
		margin-left: 50px;
		}
		
#centre .imprimer a {
		color: #fff;		
		font-weight: bold;
		text-decoration:none;
		padding-right:10px;
		}
		
#centre .imprimer a:hover {
		color: #f99;
		}

	#gauche{
		position: absolute;
		left:0;
		top:220px !important;
		top:200px;
		width: 159px;
		height: auto !important;
		height: 100%;
		min-height: 100%; 
		
		background-image:url(/images/communaute/left_header_02.gif);
		background-repeat: repeat-y;}



	
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 75px;
left: 0;
}
dl#menu {
width: 17em;
}
dl#menu dt {
cursor: pointer;
margin: 0px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 0px solid gray;
background: #ccc;
}

dl#menu dt.institut {
border-left: 1em solid #CCF;
background: transparent;
}

dl#menu dd.institut {
border: 2px outset #CCF;
text-indent:10px;
background: url(/images/menus-test-instit_06.jpg) right repeat-y;
}

dl#menu dt.cours {
border-left: 1em solid #C9C;
background: transparent;
}

dl#menu dd.cours {
border: 2px outset #C9C;
text-indent:10px;
background: url(/images/menus-test-cours_05.jpg) right repeat-y;
}

dl#menu dt.hebergement {
border-left: 1em solid #FC3;
background: transparent;
}

dl#menu dd.hebergement {
border: 2px outset #FC3;
text-indent:10px;
background: url(/images/menus-test-hebergement_05.jpg) right repeat-y;
}

dl#menu dt.mtp {
border-left: 1em solid #9CF;
background: transparent;
}

dl#menu dd.mtp {
border: 2px outset #9CF;
text-indent:10px;
background: url(/images/menus-test-mtp_05.jpg) right repeat-y;
}

dl#menu dt.tps-libre {
border-left: 1em solid #CF9;
background: transparent;
}

dl#menu dd.tps-libre {
border: 2px outset #CF9;
text-indent:10px;
background: url(/images/menus-test-tpslibre_05.jpg) right repeat-y;
}

dl#menu dt.datesPX {
border-left: 1em solid #FC9;
background: transparent;
}

dl#menu dt.communaute {
border-left: 1em solid #FCC;
background: transparent;
}

dl#menu dd.communaute {
border: 2px outset #FCC;
text-indent:10px;
background: url(/images/menus-test-communaute_05.jpg) right repeat-y;
}

dl#menu dt.pratique {
border-left: 1em solid #9C9;
background: transparent;
}

dl#menu dd.pratique {
border: 2px outset #9C9;
text-indent:10px;
background: url(/images/menus-test-pratik_05.jpg) right repeat-y;
}

dl#menu li {
text-align: left;

}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}

	
	
	#droite {
		position: absolute;
		top:225px !important;
		top:200px;
		right:0px;
		width: 152px;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		font: bold 10px Verdana, sans-serif;
		line-height:1.3em;
		color:#c66;
		text-align:center;
		}
		
	#droite p {
		margin:1px;
		padding:1px;
	}
		
				
	.menudroit a{
		color:white;
		text-decoration:none;
		margin-right:0 !important;
		margin-right:-10px;
		margin-left:0 !important;
		margin-left:8px;
		}		
	.menudroit a:hover{
		color:#F99;
		}
		
	.rechercher {
		padding: 12px 28px 4px 47px !important;
		padding:12px;
		padding-left:20px;
		background:url(/images/communaute/fd-rechercher.gif) no-repeat center !important;
		background-position:0px 0px;
		color:white;
				}
				
	.correction-form{
		margin-top:0px; 	
		margin-bottom:3px !important;
		margin-bottom:-10px; 
		padding-top:5px !important;
		padding-top:15px;
		}
				
	.quoideneuf {
		padding: 8px 29px 6px 47px !important;
		padding: 10px;
		background:url(/images/communaute/fd-koi9.gif) no-repeat center !important;
		background-position:0px 0px;
		color:white;
				}
				
	.quoideneuf-txt{
		border: solid 1px #fff;
		border-top:0;
		padding : 4px !important;
		padding:  5px;
		margin : -8px 11px 10px 11px !important;
		margin: 3px;
		width:125px !important;
		width:130px;
		font: 10px Verdana, sans-serif;
		line-height:1em;
		color:#C66;
		text-align:left;
		}
		
	.quoideneuf-txt li{
		display:lis-item;
		list-style-type:disc;
		list-style-position:inside;
		padding-bottom:5px;
		}
				
	.newsletter {
		padding: 8px 29px 8px 47px !important;
		padding: 10px;
		background:url(/images/communaute/fd-newsletter.gif) no-repeat center !important;
		background-position:0px 0px;
				}
				
	.telecharger {
		padding: 10px 28px 4px 42px !important;
		padding: 10px;
		background:url(/images/communaute/fd-telecharger.gif) no-repeat center !important;
		background-position:0px 0px;
				}
				
	.favoris {
		padding: 10px 0px 8px 32px !important;
		padding: 10px;
		background:url(/images/communaute/fd-favoris.gif) no-repeat center !important;
		background-position:0px 0px;
				}
				
	.tellafriend {
		padding: 14px 0px 9px 30px !important;
		padding: 16px;
		background:url(/images/communaute/fd-tellafriend.gif) no-repeat center !important;
		background-position:0px 0px;
				}
				
	.meteo {
		padding: 14px 28px 8px 45px !important;
		padding: 15px;
		background:url(/images/communaute/fd-meteo.gif) no-repeat center !important;
		background-position:0px 0px;
		color:white;
				}
	.meteo-dev{
		border: solid 1px #fff;
		border-top:0;
		padding : 5px !important;
		padding:4px;
		margin : -8px 11px 10px 11px !important;
		margin: 2px;
		width:125px !important;
		width:130px;
		font: 10px Verdana, sans-serif;
		font-weight:bold;
		line-height:1em;
		color:#C66;
		text-align:center;
		}
	.meteo-dev img{		
		margin-left : 8px ;
		margin-top:5px;
		border:1px solid #C66;
		}
				
	input.search {
	 margin: 4px 40px 2px 30px !important;
	 margin:0px; 
	 padding:0px; 
	 width: 80px ; 
	 height: 15px ; 
	 background-color: #fff; 
	 border: solid 1px #c66; 
	 }
	input.button {
	position: absolute ; 
	right:10px ; 
	height: 16px; 
	margin: 3px!important; 
	margin:0; 
	font: bold 10px Verdana, sans-serif; 
	background : url(/images/communaute/ok_07.png)  no-repeat center !important; 
	padding:0px; 
	color:#C66 
	text-align:center; 
	}
	
	input.button:hover {color:#F99}
	
	select { 
		margin: 4px 4px 2px 3px !important; 
		margin:0px; 
		padding:0px;  
		height: 17px ; 
		font: 10px Verdana, sans-serif; background-color: #FCC; 
		border: solid 1px transparent !important;   }

			
input.search-etudiant{font:8pt sans-serif;
		font-family: Verdana, "Sans-serif";}	


table {	font:8pt/1.5 sans-serif;
		font-family: Verdana, "Sans-serif";		
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		border:0px;
		}
td {
padding:5px;
}

.cadre-arrondi { width: 280px; position: relative; margin-left:25%; margin-right:auto; margin-top:10px;   background-color: #C66; padding:0; text-align:center;}
.cadre-arrondi .top_left, .cadre-arrondi .top_right, .cadre-arrondi .bottom_left, .cadre-arrondi .bottom_right { height: 15px; width: 15px; background-repeat: no-repeat; position: absolute; background-color: #FFF; }
.cadre-arrondi .top_left { top: 0px; left: 0px; background-image: url(/images/calcul/corner_top_left.gif); z-index: 0; }
.cadre-arrondi .top_right { top: 0px; right: 0px; background-image: url(/images/calcul/corner_top_right.gif); z-index: 1; }
.cadre-arrondi .bottom_left { bottom: 0px; left: 0px; background-image: url(/images/calcul/corner_bottom_left.gif); z-index: 2; }
.cadre-arrondi .bottom_right { bottom: 0px; right: 0px; background-image: url(/images/calcul/corner_bottom_right.gif); z-index: 3; }
.cadre-arrondi .content { position: relative; padding: 10px; z-index: 4; font-weight:bold; }

form{
padding : 0;
margin:0;}


.flottante-basgauche{
		position:absolute;
		float:left;
		top:570px !important;
		top:540px;
		left:40px;}
		
.flottante-hautdte{
		position:absolute;
		float:left;
		top:230px !important;
		top:225px;
		left:67%;}

.flottante-header1{
		position:absolute;
		float:right;
		top:55px !important;
		top:36px;
		right:22%;
		z-index:1000;}
		
.flottante-header2{
		position:absolute;
		float:right;		
		top:20px !important;
		top:5px;
		right:13%;} 
.flottante3{
		position:absolute;
		float:left;
		top:660px;
		left:80%;}



b{
font-size:9pt;}