html, body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0px; 
padding:0px; 
text-align:center;
background-color:#F6F6F6;
height: 100%;
}

img { border:0px;}

#megacontainer {
	background: url(../img/ombrebi.jpg) repeat-y;  
	width: 720px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	z-index:1;
}

#container {background-color:#FFFFFF; width:700px; min-height: 100%; margin-left:10px; top:0px; padding-top:0px; text-align: left; position: relative; z-index:2;}

#pied { 
	width: 670px; 
	padding:20px 15px;
	background-color:#DBAD62;	
	margin-top:0px; 
	text-align: left;
	color: #FFFFFF;
    font-size: 12px;
    text-align: left;
	min-height:60px;
	position:relative;
	z-index:0;
	clear:both;
}
	#pied p {
		margin:0;
	}
	#pied p.title {
		font-size:1.2em;
	}

#logo { background-color:#FFF; width: 700px; height:140px; margin-top:0px; left:0px; position: relative; z-index:3;}
	#logo1 {width:100%; height:140px; margin-top:0px; left:0px; z-index:1;float:left;position:absolute;}
	#logo2 {width:195px; height:20px; margin-top:0px; right:45px; top:25px;  z-index:2; position:absolute;color:#999;font-size:0.7em;text-align:right;}
	#logo2 a {
		text-decoration:none;
		color:#999;
		}
	#logo2 a:hover {text-decoration:underline;}

#accueil { 
	width:680px; 
	height:20px;
	padding:90px 15px 5px 5px; 
	margin-top:0px; 
	left:0px; 
	position:relative; 
	z-index:2;
	font-size:18px;
	color:#FFF;
	text-shadow:1px #000;
/*	color:#FFEABC;*/
	}
#centre { width:700px; top:0px; position:relative; background-color:#FFFFFF; z-index:3;}
	#gauche {visibility:hidden;position:absolute; width:169px; height:100%; top:0px;  border-right: 1px dotted #CCCCCC; z-index:5;} /*float:left;*/
		#nav { width:170px; margin-top:3px; left:0px; position:relative; z-index:4;}
	
	#mailing{ position:absolute; width:170px; bottom:20px; left:0px; overflow:hidden; z-index:5;}
	
		#contenu { /*float:right*/; background-color:#FFFFFF; width:700px; /*min-height:300px*/; top:0px; left:0px; /*overflow:auto;*/}
		
		#annonce { padding-top:5px; padding-left:5px; /*width:310px*/; float:left;position: relative; /*width:520px*/; /*height:196px*/; /*background-color:#FFFFFF*/; /*top:20px; left:0px;*/}
			#bloc1 { float:left; border: 1px solid #CCCCCC; width:240px; top:0px; margin-left:10px; overflow:hidden;}
			#bloc2 { float:right; border: 1px solid #CCCCCC; width:240px; top:0px; margin-right:5px; overflow:hidden;}
	
		#annonce2 {margin-left:305px; padding:5px; /*position:relative; width:510px; background-color:#FFFFFF; left:10px;*/}	

		#txtmediatheq { position: relative; /*width:520px*/; background-color:#FFFFFF; margin-top:10px; left:0px; overflow:hidden}
			#guide_bloc { float:right; border: 1px solid #CCCCCC; border-bottom: 15px solid #EF0133; width:220px; height:150px; top:0px; /*margin-left:30px;*/ overflow:hidden;margin-top:5px;}
			/*#blocm2 { float:right; border: 1px solid #CCCCCC; border-bottom: 15px solid #EF0133;  width:220px; height:150px; top:0px; /*margin-right:10px;*/ overflow:hidden;margin-top:5px;}*/
		#txtmediatheq2 { position:relative; width:520px; background-color:#FFFFFF; left:10px;}
		#txtmediatheq3 { position:relative; width:520px; background-color:#FFFFFF;}

#a_logo { background-color:#FFFFFF; width: 700px; margin-top:0px; left:0px;	position: relative;}
#a_titre { background-color:#EF0133; width: 700px; height:20px; margin-top:0px; padding-top:4px; left:0px; position: relative;}
#a_nav2 { background-color:#F3F3F3; margin-right:0px; width: 700px; height:80px; margin-top:0px; left:0px; position: relative;}
	.anav{text-align:right;}
	
#audiotop{ position:relative; overflow:auto;}
#audiobas{ position:relative; height:545px; overflow:auto;}
	
#a_centre { width:700px; height:auto; top:5px; left:0px; position:relative; overflow:hidden; background-color:#FFFFFF; }
.a_dessous { width:700px; height:auto; top:0px; position:relative; overflow:auto; background-color:#FFFFFF; }

.tdgris{ background-color:#F3F3F3; border:1px solid #CCCCCC; padding:0px 0px 5px 0px }

.ibloc {float: right; border: 1px solid #cccccc; padding:2px 2px 2px 2px;}

.bgd {
	background-image: url(../img/bgd.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top;
}
.fond {
	height: 18px;
	width: 160px;
	background-image: url(../img/menu.gif);
	clip:   rect(auto auto auto auto);
	padding-left: 20px;
	padding-bottom: 0px;
	font-size: 11px;
	color: #666666;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
	text-decoration: none;
	padding-right: 5px;
}
.lignemenu {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.fond:hover {
	height: 18px;
	width: 160px;
	background-image: url(../img/menuroll.gif);
	clip:   rect(auto auto auto auto);
	padding-left: 20px;
	padding-bottom: 0px;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-color: CCCCCC;
}
.textegros {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
}
.texte1blanc {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.nblanc {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.texterouge {
	font-size: 12px;
	color: #EF0133;
}
.form {
	background-color: #FFFFFF;
	height: 20px;
	border: 1px solid #999999;
	font-size: 10px;
	color: #666666;
}
h2.titreblock {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0090B4;
	padding :2px 0px 0px 10px;
/*	height : 20px;*/
	font-style: normal;
	font-weight: bold;
	margin:0;
}
div.homeblock p.soustitre {
	font-size: 10px;
	color: #FFF;
	padding-left: 10px;
	background-color: #0090B4;
	margin:0 0 2px 0;
}

h2.titreedito {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #EF0133;
	padding :2px 0px 2px 10px;
	height : 15px;
	font-style: normal;
	font-weight: bold;
	margin:0;
}
.titremediatheque {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #EF0133;
	padding :-1px 0px 0px 10px;
	height : 20px;
	font-style: normal;
	font-weight: bold;
}

.lignerouge {
	font-size: 14px;
	color: #ffffff;
	background-color: #EF0133;
	padding :2px 0px 0px 10px;
	height : 20px;
	font-style: normal;
	font-weight: normal;
}

.cadre {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.texteblock {
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
}
.petitrouge {
	font-size: 10px;
	color: #EF0133;
	text-align: right;
	padding-right: 10px;
}

.savoir {
	text-align: right;
	padding-right: 10px;
}
.texteblockgras {
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
	font-weight: bold;
}
.ligne {
	height: 1px;
	border-bottom : 1px dotted #CCCCCC;
}
.borgauche{
	border-left-width: 1px;
	border-left-style:dotted;
	border-bottom-color: #CCCCCC;
}
.titrerouge {
	font-size: 1.2em;
	color: #EF0133;
	font-weight: normal;
}
.bigrouge {
	font-size: 15px;
	color: #EF0133;
	font-weight: normal;
}
.texte {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.titregras {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
}
.textegras {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

/*.texte:hover {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
*/
.tabcours{
	border:1px solid #FFFFFF;
	font-size:11px;
	background-color:#CCC;
	color:#FFF;}
	
.trouaicours{ height:300px; }

.cotecote{ border: 1px dotted #CCCCCC;padding:10px; width:100%;} /*  border-right: 1px dotted #CCCCCC; */



.alert {
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
}

.noir {
	font-size: 11px;
	color: #000000;
}

.gris {
	font-size: 11px;
	color: #666666;
}

.titrecours {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #EF0133;
	height: 15px;
	padding: 2px 2px 2px 2px;
	font-style: normal;
	font-weight: bold;
}

/* a.link{color:#EF0133;} */

a.prouge {
	font-size: 10px;
	color: #EF0133;
	text-align: right;
	padding-right: 10px;
}

a.lien{color : #000000; font-size : 11px; text-decoration:none; border: 1px solid #000000; padding: 2px 2px 2px 2px;}
a.lien:hover{color : #000000; font-size : 11px; text-decoration:none;}

a.noir{color : #000000; font-size : 12px; text-decoration:none;}
a.noir:hover{color : #000000; font-size : 12px; text-decoration:none;}

a.gris{color : #666666; font-size : 12px; text-decoration:none;}
a.gris:hover{color : #666666; font-size : 12px; text-decoration:none;}



.tdnav1{line-height: 22px; text-align: left; width:165px;}

a.nav1{
width:165px;
height:22px;
color: #666666;
font-size:11px;
text-decoration:none;
background:#F3F3F3;
display: block;
}
a.nav1:hover{
background:#FFFFFF;
}

.tdnav2{height: 14px; text-align: left; width:165px;}

a.nav2{
width:165px;
min-height:14px;
color: #FFFFFF;
font-size:11px;
text-decoration:none;
background:#EF0133;
display: block;
}

a.nav2:hover{
background: #DB7770;
}




dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
#menu {
width: 170px;
}
#menu dt {
cursor: pointer;
margin: 2px;
height: 22px;
line-height: 22px;
text-align: left;
color: #666666;
font-size:11px;
background: #F3F3F3;
}

#menu li {
text-align: left;
font-size:11px;
background: #EF0133;
}

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

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

#menu dt a:hover {
background: #fff;
color: #EF0133;
}
#menu li a:hover {
background: #DB7770;
color: #FFFFFF;
}

#exam {
cursor: pointer;
position: relative;
top: 0px;
left: 0px;
}
#side #exam {
width: 280px;
}

#new_courses_detail #exam {
width: 690px;
}
#exam dt {
cursor: pointer;
margin: 2px;
line-height: 18px;
text-align: left;
font-size: 11px;
font-weight:bold;
}

#exam dt.dtgris {
color: #666666;
background: #F1F1F1;
}

#exam dt.dtgris:hover {
color: #FFF;
background: #0090B4;
}

#exam dt.dtgris:hover .textegras {
color: #FFF;
}

#exam dt.dtrouge {
color: #FFFFFF;
background: #EF0133;
padding:0 5px;
}

#exam li {
cursor: pointer;
text-align: left;
font-size:12px;
background: #fff;
}

#exam li a, #exam dt a {
cursor: pointer;
color: #666666;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

form #exam li a, form #exam dt a {
display:inline;
}

#exam li a:hover, #exam dt a:hover, #exam dt:hover a {
cursor: pointer;
background: #0090B4;
color:#FFF;
}

/*NEW MENU*/
/*#new_menu {
	width:700px;
}

#new_menu ul {
	list-style:none;
	padding: 0px 0 3px 0;
	background:#DBAD62;
	text-align:center;
	font-size:14px;
}
#new_menu ul li {
	display:inline;
	padding:0 0 0 0;
	margin:0;
}

#new_menu ul li a {
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
	color:#666;
	background:#eee;
	padding:0.3em 1em 0.3em 1em;
}

#new_menu ul li a:link {}
#new_menu ul li a:visited {}
#new_menu ul li a:hover {background:#0090B4;color:#FFF;}
#new_menu ul li a:active {}*/

/*NEW COURSES*/

#table_courses {
	/*width:200px;
		float:right;*/
}

#main {
	float:left;
	width:395px;
	padding-left:5px;
	padding-right:10px;
}

#side {
	float:left;
	width:270px;
}

/*.new_subnav {
	padding:2px 0 5px 5px;
}

.new_subnav a {
	font-size:12px;
	text-decoration:none;
	color:#EF0133;
	font-weight:bold;
	padding-right:10px;
}

.new_subnav a:hover {
	font-size:12px;
	text-decoration:underline;
}*/


td.course_description {
	padding:0 5px;
}

/*NEW GUIDE -- IMAGE STYLING */

img.guide {
	float:right;
}

/* NEW FOOTER */
#pied-col1 {
	width:350px;
	float:left;
}

#pied-col2 {
	width:200px;
	float:left;
}

#pied-col3 {
	width:60px;
	float:right;
/*	border: 1px solid blue;*/
}

#pied-col3 ul {
	list-style:none;
}

#pied-col3 ul li {
/*	display:inline;*/
	float:left;
	margin-left:5px;
}

#pied a {color:#FFF;text-decoration:none;}
#pied a:link {}
#pied a:visited {}
#pied a:hover {text-decoration:underline;}
#pied a:active {text-decoration:underline;}


/*NEW HOME ANNOUNCEMENT BLOCKS*/

div.homeblock {
	width:335px;
/*	border:1px solid blue;*/
	max-height:133px;
	padding:3px;
	margin:0px 5px 5px 0;
	background:#B4DDE7;
	font-size:11px;
	color:#333;
	overflow:hidden;
	position:absolute;
	z-index:300;
}

/*div.homeblock:after, div#contenu:after, div#annonce:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/

div.homeblock:hover {
	padding:0;
	border:3px solid #0090B4;
	max-height:none;
	left:20px;
	z-index:0;
	background-color:#FFEABC;
	cursor:pointer
}

h2.titreblock {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0090B4;
	padding :2px 0px 0px 10px;
/*	height : 20px;*/
	font-style: normal;
	font-weight: bold;
	margin:0;
}
div.homeblock p.soustitre {
	font-size: 10px;
	color: #FFF;
	padding-left: 10px;
	background-color: #0090B4;
	margin:0 0 2px 0;
}

div.homeblock .illu {
	float:left;
	margin-right:5px;
}

div.homeblock p, div.homeblock a.homeblock_link {
	margin:2px 2px 2px 96px;
}


/*NEW BUTTON STYLES */
ul.new_button {
	padding-top:10px;
}

.new_button li {
    display:table;
    list-style:none;
	margin:0 auto;
}
 
.right .new_button li {
	margin:0;
	float:left;
}

.left .new_button li {
	margin:0;
	float:right;
}

.new_button li a {
    background:transparent url(../img/new_button.png) no-repeat top left;
    display:block;
    float:left;
    height:35px;
    margin-right:15px;
	cursor: pointer;
	font-weight: bold;
	font-size:0.7em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
 
.new_button li a span {
    background:transparent url(../img/new_button.png) no-repeat right top;
    display:inline;
    float:left;
    height:31px;
    padding:4px 20px 0 0;
    margin-left:20px;
    cursor:pointer;
line-height:25px;
	/*border:1px solid blue;*/
}
 
.new_button li a:hover {
    background-position:left bottom; color:#666;
}
 
.new_button li a:hover span {
    background-position:right bottom;
}

div.new_button {
	max-width:300px;
	height: 35px;
	padding: 0 6px 0 0;
	background: url(../img/new_button.png) no-repeat top right;
	cursor: pointer;
	margin:10px;
	overflow:hidden;
}

div.new_button a {
	display:block;
	height: 25px;
	padding:10px 0 0 12px;
	margin:0;
	border: none;
	background: url(../img/new_button.png) no-repeat top left;
	cursor: pointer;
	font-weight: bold;
	font-size:0.7em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}

div.new_button:hover {
	background-position: bottom right;
}

div.new_button:hover a {
	background-position: bottom left;
}

/*MENU WITH DROP-DOWN*/

/* ---------------- menu ------------------ */


#new_menu {
	background:#DBAD62;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	font-size:12px; /* Menu text size */
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	text-transform:uppercase;
}

/* Top menu items */
#new_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#new_menu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
/*	top:1px;*/
	text-align:left;
}
#new_menu ul li a {
	display:block;
	margin:0;
	padding:.6em .5em .4em;
	font-size:1em;
	line-height:1em;
	text-decoration:none;
	color:#996633;
	font-weight:bold;
}
#new_menu ul li.active a {
	color:#fff;
}
#new_menu ul li a:hover {
	background:#0090B4; /* Top menu items background colour */
	color:#fff;
}
#new_menu ul li:hover a,
#new_menu ul li.hover a { /* This line is required for IE 6 and below */
	background:#0090B4; /* Top menu items background colour */
	color:#fff;
}

/* Submenu items */
#new_menu ul ul {
	display:none; /* Sub menus are hidden by default */
	position:absolute;
	top:2em;
	left:0;
	float:left;
	right:auto; /*resets the right:50% on the parent ul */
	width:100px; /* width of the drop-down menus */
	box-shadow: none; /*override twenty ten*/
	-moz-box-shadow: none; /*override twenty ten*/
	-webkit-box-shadow: none; /*override twenty ten*/
}
#new_menu ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
	padding:0;
}
#new_menu ul ul li a,
#new_menu ul li.active li a,
#new_menu ul li:hover ul li a,
#new_menu ul li.hover ul li a { /* This line is required for IE 6 and below */
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
	color:#666;
	
	font-weight:normal; /* resets the bold set for the top level menu items */
	background:#eee;

	line-height:1.4em; /* overwrite line-height value from top menu */
	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
	float:left;
	width:100%;
	padding:0.3em 1em 0.3em 1em;
	
}
#new_menu ul ul li a:hover,
#new_menu ul li.active ul li a:hover,
#new_menu ul li:hover ul li a:hover,
#new_menu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#0090B4; /* Sub menu items background colour */
	color:#fff;
	float:left;
}

/* Flip the last submenu so it stays within the page */
#new_menu ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}
#new_menu ul ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* Make the sub menus appear on hover */
#new_menu ul li:hover ul,
#new_menu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}