html, body, td, p, input, select, textarea { font-size: 12px; font-style: normal }

@media print {
   BODY { background: white }
}
@media screen {
   BODY { background-color: #396D91; background-image: url('img/fond_body.gif'); background-repeat: repeat-x }
}


*		{ font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; }


body { margin:0; margin-top: 5px }


h1 { color: #257; font-size: 24px; margin-top: 0px; margin-bottom: 3px; font-weight: bold; text-shadow: 3px 3px #DDD; }
h2 { color: #445; font-size: 16px; margin-top: 0px; margin-bottom: 2px; font-weight: bold; border-bottom: 1px solid #445; }
h3 { color: #111; font-size: 13px; margin-top: 2px; margin-bottom: 5px; margin-left: 2px; font-weight: bold; font-style: normal; font-variant: normal; }
h4 { color: #111; font-size: 12px; margin-top: 2px; margin-bottom: 5px; margin-left: 2px; font-weight: bold; font-style: normal; font-variant: normal; }

#tiny		{ font-size: 10px; color: #888; line-height: 12px }

.error		{ color: #D90000; font-weight:bold }


p			{ margin-top: 3px; margin-bottom: 10px; }

ul			{ margin:0; padding:8px; padding-left:20px; padding-right:0 }

a			{ color: #257 }
#mainleft a	{ color: #257 }

a:hover		{ text-decoration: none }
/*#mainright a{ text-shadow: 2px 2px #CCC }*/

a.noshadow 	{ text-shadow: none }

#mainleft a.ext, a.ext		{ color: #333 }


a.nolink	{ color: #888 }

#header, #nav1, #nav2, #main, #navfooter { width:100%; }
#mainleft	{ width:180px; }



/* Barre de header */

#header_bar						{ background-image: url('img/header_pano.jpg') }

#header							{ color:#9CF }
#header .titre					{ font-size:16px }
#header td						{ padding:0px 2px; }
#header a						{ color:#BBB; text-decoration: none; font-size:10px }
#header a:hover, #header .over	{ color:#DDE }

/*#header				{ background-color:#22334B }*/
#border				{ background-color:#146 }


/* Barre de footer */
#footer, #footer a	{ color: #D2FFFF; font-size:11px; text-decoration:none; }
#footer a:hover		{ color: #7AC; }

#par_index			{ font-size:12px; line-height:22px; padding: 5px 0px }


/* Barre d'action (print, send, bookmark) */
#action			{ color: #ccc; font-size: 9px}
#action a		{ color: #ccc; font-size: 10px; text-decoration: none; padding-bottom: 5px }
#action a:hover	{ color: #888}




/* Affichage du contenu */
#main				{ background-color: #FFF; }

#mainleft *			{ color: #444; font-size:11px; }
#mainleft			{ background-color: #E9EFF3; border-right: 1px solid #CCD; text-align:left; vertical-align: top; padding: 0px; }
#mainleft div		{ padding:12px 4px;; padding-top:8px }
#mainleft p			{ margin:2px 0px }

#mainleft a:hover	{ text-decoration: none; }

#mainlefthr			{ border-top:1px solid #CCD; border-bottom:1px solid F8F8FF }

#mainright			{ background-color: #FFF; padding: 5px 10px; }


/* Image gallery */
.gallery a img								{ -moz-opacity:.60; -khtml-opacity:.60; opacity: .60; filter: alpha(opacity=60); }
.gallery a.selImg							{ font-size: 13px; font-weight:bold; text-decoration:none }
.gallery A:hover img, .gallery a.selImg img	{ -moz-opacity:1; -khtml-opacity:1; opacity: 1; filter: alpha(opacity=100); }

/* Calendar menu */
.menu_cal a img			{ -moz-opacity:1; -khtml-opacity:1; opacity: 1; filter: alpha(opacity=100); }
.menu_cal a:hover img	{ -moz-opacity:.80; -khtml-opacity:.80; opacity: .80; filter: alpha(opacity=80); }


/* Calendar legend */
.legend .sp		{ font-size: 14px; padding: 2px 4px; padding-top:1px; margin-top:12px; margin-bottom:2px }
.legend .sp a	{ text-decoration:none; display:block }
.legend .date	{ font-size: 11px; color: #555 }



.relief			{ border:1px solid black; border-color: #AAA #666 #666 #AAA }

.embedvideo		{ background-image: url('img/fond_video.gif'); background-position: top }



/* Barre de nav1 principale */
#nav1			{ height:34px; background-repeat: repeat-x; text-align: center; white-space: nowrap; }
#nav1 .sep		{ width:3px; font-size:3px; background:url('img/nav1_sep.gif'); background-repeat:no-repeat; background-position:center }

#nav1 .pt		{ font-size:1px }
#nav1 a			{ height:35px; font-size:14px; color:#DEF; display:block; text-decoration:none }
#nav1 .pti		{ font-size:11px }

#nav1 a:hover, #nav1 .over, #nav1 .over a	{ color:#FFF; text-decoration:none; background:url('img/nav1_over.gif'); background-position:top; -moz-opacity:.60; -khtml-opacity:.60; opacity:.60; filter:alpha(opacity=60); }
/*
#nav1 a:hover, #nav1 .over	{ color: #fff; text-decoration: none; background: url('img/nav1_over.gif'); background-position: center 0px; }
*/
#nav1 .hi a 	{ color:#FFF; }




/* Barre de nav2 (inferieure) */
#nav2							{ height: 26px; background: url('img/nav2.gif'); background-repeat: repeat-x; text-align: center; }


/* styles communs à nav2 et nav2_st2 */
.nav2_st2 td, .nav2 td			{ white-space: nowrap; }
.nav2_st2 a, .nav2 a			{ display: block; text-decoration: none; }

.nav2 * { font-family: Arial, Helvetica, sans-serif; }

/* Style pour la barre nav2 (headerMenuStyle==1) */
.nav2 td, .nav2 a		{ font-size: 11px; }
.nav2 td				{ color: #344; background-image: url('img/nav2_sep.gif'); background-position: 100% 0px; background-repeat: no-repeat; }
.nav2 a					{ height:26px; color: #444; /*padding-top:7px; */padding-left:6px; padding-right:6px }

.nav2 .hi				{ color: #111; background-image: url('img/nav2_hiL.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
.nav2 .hi a, .nav2 .hi a:hover	{ background-image: url('img/nav2_hiR.gif'); background-repeat: no-repeat;  background-position: 100% 0px; }
.nav2 .hi a:hover		{ color: #111; }
.nav2 .over				{ background-image: url('img/nav2_overL.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
.nav2 .over a			{ color: #111; background-image: url('img/nav2_overR.gif'); background-repeat: no-repeat;  background-position: 100% 0px; }






/* Style pour la barre nav2_st2 (headerMenuStyle==2) */
.nav2_st2 td, .nav2_st2 a{ font-size: 12px; }

.nav2_st2				{ z-index:100; position: absolute; -moz-opacity:.95; -khtml-opacity:.95; opacity: .95; filter: alpha(opacity=95); }
.nav2_st2 td			{ background-color: #0E3E6F; /*border-top: 1px solid #ABC; */background-image: url('img/nav2_st2_sep.gif'); background-repeat: no-repeat; }

.nav2_st2 a				{ height:16px; padding: 6px 10px; color: #DEF; }

.nav2_st2 .over			{ background-color:#DFF /*#D9E6F0*/; }
.nav2_st2 .over a		{ color: #222; }

/* SITEMAP */

#sitemap a							{ text-decoration: none }
#sitemap a:hover					{ text-decoration: underline }
#sitemap ul							{ padding : 0px; margin:2px; margin-left: 15px; margin-right:0 }

/* COURSES */

#course				{
	padding:3px 0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

}
#course, #course td	{ font-weight:bold; padding-left:3px; font-size:15px }
#course td img		{ border-color: #CCC #888 #888 #CCC }
#course .year		{ font-style: italic; font-size:12px }

#course_details						{  }
#course_details	ul					{ margin:0; padding:0; padding-left:20px }
#course_details	#dates				{ padding-right:5px }
#course_details	.postdated			{ color: #AAA }


.cs a		{ text-decoration:none; display:block }



.blocop			{
	margin:10px 0px;
	padding:5px;
	/*background-color:#EBF4F4;
	border: 1px #CCC solid;*/
	border-color:#DDD #BBB #BBB #DDD;
}