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 { position: relative; width: 700px; background-color:#C13D36;	left:0px; margin-top:0px; bottom:0px; text-align: left; z-index:2;}

#logo { background-color:#C13D36; width: 700px; height:145px; margin-top:0px; left:0px;	position: relative; z-index:3;}
	#logo1 {width:490px; height:145px; margin-top:0px; left:0px; float:left; z-index:1;}
	#logo2 { background-color:#C13D36; width:210px; height:145px; margin-top:0px; left:0px; float:right; z-index:2;}

#accueil { width:700px; height:200px; margin-top:0px; left:0px; position:relative; z-index:2;}
#centre { width:700px; top:0px; position:relative; overflow:hidden; background-color:#FFFFFF; z-index:3; }
	#gauche {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:530px; min-height:400px; top:0px; left:0px; overflow:auto;}
		
		#annonce { 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 { position:relative; width:510px; background-color:#FFFFFF; left:10px;}	

		#txtmediatheq { position: relative; width:520px; background-color:#FFFFFF; margin-top:10px; left:0px; overflow:hidden}
			#blocm1 { float:left; border: 1px solid #CCCCCC; border-bottom: 15px solid #C13D36; width:220px; height:150px; top:0px; margin-left:30px; overflow:hidden;}
			#blocm2 { float:right; border: 1px solid #CCCCCC; border-bottom: 15px solid #C13D36;  width:220px; height:150px; top:0px; margin-right:10px; overflow:hidden;}
		#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:#C13D36; 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: #C13D36;
}
.form {
	background-color: #FFFFFF;
	height: 20px;
	border: 1px solid #999999;
	font-size: 10px;
	color: #666666;
}
.titreblock {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #C13D36;
	padding :2px 0px 0px 10px;
	height : 20px;
	font-style: normal;
	font-weight: bold;
}
.titreedito {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #C13D36;
	padding :2px 0px 0px 10px;
	height : 15px;
	font-style: normal;
	font-weight: bold;
}
.titremediatheque {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #C13D36;
	padding :-1px 0px 0px 10px;
	height : 20px;
	font-style: normal;
	font-weight: bold;
}

.lignerouge {
	font-size: 14px;
	color: #ffffff;
	background-color: #C13D36;
	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;
}
.soustitre {
	font-size: 11px;
	color: #c13d36;
	padding-left: 10px;
}
.texteblock {
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
}
.petitrouge {
	font-size: 10px;
	color: #C13D36;
	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: 12px;
	color: #C13D36;
	font-weight: normal;
}
.bigrouge {
	font-size: 15px;
	color: #C13D36;
	font-weight: normal;
}
.texte {
	font-size: 11px;
	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;}
.trouaicours{ height:300px; }

.cotecote{ border: 1px dotted #CCCCCC; } /*  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: #AF2B2B;
	height: 15px;
	padding: 2px 2px 2px 2px;
	font-style: normal;
	font-weight: bold;
}

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

a.prouge {
	font-size: 10px;
	color: #C13D36;
	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:#C13D36;
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: #C13D36;
}

#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: #C13D36;
}
#menu li a:hover {
background: #DB7770;
color: #FFFFFF;
}

#exam {
cursor: pointer;
position: relative;
top: 0px;
left: 0px;
}
#exam {
width: 510px;
}
#exam dt {
cursor: pointer;
margin: 2px;
line-height: 15px;
text-align: left;
font-size: 11px;
font-weight:bold;
}

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

#exam dt.dtrouge {
color: #FFFFFF;
background: #C13D36;
}

#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%;
}

#exam li a:hover, #exam dt a:hover {
cursor: pointer;
background: #eee;
}