@charset "UTF-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	background-color: #6f6f6e;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#container
{
	width:1024px;
	background-color:#FFFFFF;
	margin-left: auto;
  	margin-right: auto;
  	padding-bottom:30px;
  	border: 10px solid #bababa;
	border-top:0px solid grey;
  	
  	
 /*   min-height: 100%;   TB */
 /* ici j'ai enlevé la hauteur ########### */

}

#header
{
	width:1024px;
	height:210px;
	background: url(../../gfx/bann2.png) no-repeat;
}


#headerHomeLink {
	width:500px;
	height:175px;
	text-indent:-9999px;
	display: block;
}

#hLangage
{
	margin: 24px 72px 0px 0px;
	float:right;
	font-family:Arial Black;
}

#hContact
{
	padding:89px 0px 0px 517px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
		width: 215px;
}

#hContact ul
{
	margin:0;
	padding:0;
}

#hContact li
{
	list-style-type:none;	
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}	

#hContact a
{		
	display: inline-block;
	width: 205px;
	
	}

#hContact a:hover
{
	background-color: black;
	color: white;
}

#hContact a:active
{
	background-color: #ffd500;
	color: black;

}




.blackBG
{
	width:209px;
	height:16px;
	background-color:#000000;
	color:#FFFFFF;
}


#hSearch_DA
{
	width:155px;
	float:right;
	margin:-60px 40px 0px 0px;
	position:relative;
}



#hSearch
{
	
	padding: 0px 0px 0;
	position:relative;
	text-align:right;
	float: right;
	position:relative;
	z-index: 100;
	margin-right: 40px;
	margin-top: 0;
	margin-left: 0px;
	bottom: 20px;
}


/* #hSearch input
{
	margin:0;
	float:right;
}
*/

#hSummary
{
	width:1024px;
	height:30px;
	background: url(../../gfx/summaryBckg.png) no-repeat center;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 30px;
}

#hSummary p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#87888A;
	margin-right: 0px;
	margin-left: 281px;
	padding-top: 8px;
	padding-left: 5px;
}

#menu
{
	width:245px;
	height: 600px;
	background: url(../../gfx/menuBck.png) no-repeat;
	margin:0px 0px 0px 22px;
	float:left;
	position:relative;
	z-index: 5;
	margin-top: 5px;
}

#mLiens
{
	font-family:Verdana;
	font-size:10px;
	width:217px;
	background-color:#99FF33;
	margin:0px 0px 0px 22px;
	line-height:160%;
}

#menu ul
{
	margin:7px 0px 0px 25px;
	padding:0;
	list-style-type:none;
	line-height:140%;
}


#menu li a
{
	color:#87888A;
	text-decoration:none;
	display: inline-block;
	width: 200px;
	padding-left: 3px;
	padding-bottom: 3px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
}

#menu li a:hover
{
	color:#FFFFFF;
	background-color:#000000;

}

#menu li a:active
{
	color: #000;
	background-color: #ffd500;

}

.titreMenu
{	
	font-family:Arial Black;
	font-size:12px;
	margin-top: 25px;
	margin-left: 25px;
}



.titreMenu2
{	
	font-family:Arial Black;
	font-size:12px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#cours
{
	width:455px;
	margin:15px 0px 0px 280px;
	background-color: #E3E4E5;
	padding-bottom: 20px;
	position:relative;  /* ici ########## */
	min-height:600px!important;

}



#cHeader
{
	width:445px;
	height:15px;
	background: url(../../gfx/contentCorner.png) no-repeat;
	background-color:#FFFFFF;
}

#cours .yellowTitle
{
	width: 445px;
	height:40px;
	background-color:#FFD500;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	font: 16px/17px Arial Black;
}

#cours .yellowTitleBig
{
	width: 445px;
	height:50px;
	background-color:#FFD500;
	font: 15px/16px Arial Black;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;

}

.cImg
{
	margin-left:-10px;
}

#iHeader
{
	height:15px;
	background: url(../../gfx/infoCorner.png) no-repeat;
	background-color:#FFF;
}

#info
{
	width:230px;
	min-height:600px!important;
	top:226px;
	background-color: #E3E4E5;
	position:absolute;
	margin: 0 0px 0px 750px;
}

#info .yellowTitle
{
	height:40px;
	background-color:#FFD500;
	font-family:Arial Black;
	font-size: 11px;
	text-transform:uppercase;
	padding-top: 5px;
	text-align: center;
	padding-left: 0;
	padding-right: 3px;
}

#info .yellowProfSeparation
{
	background-color: white;
	font-family:Arial Black;
	font-size: 12px;
	text-transform:uppercase;
	text-align: left;
	padding: 2px 0px 2px 7px;
}

#inscription-block_old {
	padding: 3px 3px 3px 5px;
	border: 1px solid silver;
	background-color: #fefdd1;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

#inscription-block {
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 2px solid gray;
	padding: 3px 3px 15px;
}

#notifyme {
	background: url(../../gfx/notifyme.gif) no-repeat;
	color: black;
	overflow: visible;
	visibility: visible;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	margin-left: 2px;
	padding: 10px;
	height: 50px;
	font-size: .9em;
}


#notifyme a {
	color: white;
}

#notifyme a:hover {
	color: black;
}


#notifyme a:active{
	color: white;
}



a.prof-link {
 	color:#2472B5;
	font-weight: bold;
}

a.prof-link:hover {
 	color:black;
	text-decoration: underline;
}

a.map-link {
 	color:#2472B5;
	font-weight: bold;
}

a.map-link:hover {
 	color:black;
	text-decoration: underline;
}
 	

/*

#footer
{
	width:1024px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	background-color:#FFFFFF;
	padding-top:20px;
	margin-left: auto;
  	margin-right: auto;
	margin-top:-12px; /* ici ########## 
	
}  */

#footer
{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	padding-top: 10px;
	margin-left: 280px;
  	margin-right: auto;
	z-index: 10;
	padding-bottom: 20px;
	/* text-decoration: underline; */
}

#footer img
{

}

/* ************** */


h1
{
	font-family:Arial Black;
	font-size: 18px;
	padding: 0px 5px 0px 10px;
}

/* afin que ça s'affiche bien sur IE il faut mettre des   avant le titre et non jouer sur le padding */
h2
{
	width:100%;
	padding: 2px 2px 2px 10px;
	font-family:Arial Black;
	font-size:12px;
	background-color:#FFFFFF;
	text-transform: uppercase;
	
}

p
{
	padding: 0px 5px 0px 10px;
	text-align:justify;
}


a
{
	text-decoration:none;
	color:#87888A;
	outline:none;
}

a:hover
{
	color:#000000;
}




/* Search Form //----------------------------------------------------------*/

	#searchform {
		margin: 0;
		padding: 0;
		}
	#searchform fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		}
	#searchform label { 
		color: #999; 
		display: none; 
		}
	#searchform input { 
		width: 240px; 
		color: #222;

}
	#searchform #submitquery { 
		display: none; 
		}

/* Misc Classes //----------------------------------------------------------*/

	.clear { 
		clear: both; 
		margin: 0; 
		padding: 0; 
		}

#homeClick {
	width: 450px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 5%;

}


#specialTIM {
	background-color: #d4d4d4;
	color: black;
	border: 1px solid gray;
	width: 400px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
}	


#registrationLink {
	background-color: #e2e3e4;
	margin-top: 10px;
}

#registrationLink a {
	
	
background-color: #000;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   color: white;
   display: -moz-inline-box;
   display: inline-block;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	width: 210px;
	padding: 2px 2px 2px 5px;
}

#registrationLink a:hover {
background-color: #f9cb19;
	color: #000;
	text-decoration: none;
}
#registrationLink a:active {
background-color: white;
	color: #000;

}	

#warning {
	padding: 5px;
	display: block;
	background-color: #d4d4d4;
	border: 1px solid #999;
	color: #333;
	font-weight: bold;
	width: 380px;
	margin-left: auto;
	margin-right: auto;
}


#similarCourses {

	margin-top: 80px;
	margin-left: 5px;
}

.similarTitle{
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;

}
#similarCourses ul
{	
	margin:0px 0px 0px 10px;
	padding:0;
	list-style-type:none;
	line-height:140%;
}


#similarCourses li a
{
	color:#000;
	text-decoration:none;
	display: inline-block;
	width: 220px;
	border-left: 1px solid #999;
	padding: 3px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	
}

#similarCourses li a:hover
{
	color:#FFFFFF;
	background-color:#000000;

}

#similarCourses li a:active
{
	color: #000;
	background-color: #ffd500;

}