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

body
{
	margin:0 auto;	
	background:url("images/static/bgmain.png");
	/*background:url("images/static/bgmain2.png");*/
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	border-bottom:solid 2px #069;
	background:url(images/static/musicnote.png) no-repeat;
	background-position:4px;
	padding-left:25px;
	text-align:left;
}

h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;	
	padding-left:5px;
	font-style:italic;
	margin:0px;
	border-left:solid 1px #CCC;
}

#wrapper
{
	margin:0 auto;
	width:850px;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
	background:#FFF;
	/* Opacity */
	/*opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-khtml-opacity: 0.3;
	-ms-filter: �progid:DXImageTransform.Microsoft.Alpha(Opacity=80)�;*/
}

#header
{
	width:850px;
	border-top:solid 1px #000;
	background:url(images/static/logo2.png) no-repeat #FFF;
	background-position:center;
	border-bottom:solid 1px #000;
	padding-top:3px;
	padding-bottom:3px;
}

#header .title a
{
	height:100px;
	width:850px;
	display:block;
}

#header .title span
{
	display:none;
}

#hours
{
	float:right;
	font-size:10px;
	padding-right:5px;
	padding-top:3px;
	color:#900;
}

#contactcard
{
	text-align:center;
	font-family:"Lucida Console", Monaco, monospace;
}

#contactcard span
{
	padding-left:20px;
	padding-right:20px;
}

#contactcard img
{
	padding-right:3px;
	vertical-align:middle;
}


#navigation
{
	width:850px;
	height:55px;
	margin:0 auto;
	padding:0px;
	padding-top:5px;
}

html>body #navigation
{
	height:50px;
}

#navigation ul
{
	color:#06F;
	list-style:none;
	text-align:center;
	padding-bottom:15px;
	padding-left:0px;
	padding-top:2px;
	margin:0 auto;
	background-color:#F8F8F8;
	border-bottom:solid 1px #000;
}

#navigation li
{
	display:inline;
	padding-left:10px;
	padding-right:10px;
	font-style:normal;
}

#navigation li .active
{
	display:inline;
	padding-left:10px;
	padding-right:10px;
	background:url(images/static/bgmenu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#069;
	padding-left:5px;
	padding-right:5px;	
	padding-bottom:15px;
	text-decoration:none;
}

#navigation li a:hover
{
	background:url(images/static/bgmenu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#liens
{
	float:right;
	padding-right:5px;
	margin-top:-12px;
	width:850px;
	text-align:right;
}

#liens a
{
	padding-right:20px;		
}

#content-container
{
	background:#FFF;
	width:850px;
	padding:15px;
	/* Opacity */
	/*opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-khtml-opacity: 0.3;
	-ms-filter: �progid:DXImageTransform.Microsoft.Alpha(Opacity=80)�;*/
}

html>body #content-container
{
	width:820px;
}

#column-left
{
	float:left;
	background-color:#FFF;
	margin-bottom:15px;
}

#column-right
{
	float:right;
	background-color:#FFF;
	margin-bottom:15px;
}

#nouvelles
{
	width:340px;
	margin-bottom:25px;
	padding-bottom:10px;
	padding-right:10px;
	margin-top:25px;
}

html>body #nouvelles
{
	width:330px;
}

#nouvelles .nouvelle
{
	background:url(images/static/clef.png) no-repeat;	
	min-height:100px;
	margin-bottom:15px;
}

#nouvelles .archives
{
	text-align:right;
	padding-right:10px;
}

#nouvelles p
{
	padding-left:5px;
}

#nouvelles .title
{
	text-decoration:underline;	
	font-weight:bold;
	font-size:14px;
}

#nouvelles .date
{
	font-style:italic;
	clear:right;
}

#nouvelles .content
{
	padding-left:10px;
}

#archives
{
	width:752px;
	margin-bottom:25px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding-bottom:10px;
	margin:0 auto;
}

html>body #archives
{
	width:750px;
}

#archives .nouvelle
{
	background:url(images/static/clef.png) no-repeat;	
	min-height:100px;
	margin-bottom:15px;
}

#archives .archives
{
	text-align:right;
	padding-right:10px;
}

#archives p
{
	padding-left:5px;
}

#archives .title
{
	text-decoration:underline;	
	font-weight:bold;
	font-size:14px;
}

#archives .date
{
	font-style:italic;
	clear:right;
}

#archives .content
{
	padding-left:10px;
}

#cours
{
	border:dotted 1px #000;
	width:402px;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:15px;
}

html>body #cours
{
	width:380px;
}

#cours .nomcours
{
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	font-size:14px;
}

#cours h1
{
	border-left:solid 1px #069;
	border-right:solid 1px #069;
}

#cours .section
{
	padding-bottom:5px;	
	border-bottom:solid 1px #CCC;
}

#cours .cases
{
	font-size:10px;	
}

#cours .description
{
	min-height:48px;	
}

#cours img
{
	float:left;
	padding-right:5px;
}

#motdudirecteur
{
	border:dotted 1px #000;
	width:402px;
	padding-left:10px;
	padding-right:10px;	
	font-family:"Courier New", Courier, monospace;
	text-align:left;
}

html>body #motdudirecteur
{
	width:380px;
}

#motdudirecteur .image
{
	float:left;
	margin:0px;
	font-size:11px;
	text-align:center;
	padding-right:15px;
}

#motdudirecteur .signature
{
	font-style:italic;
	text-align:right;
}

#motdudirecteur h1
{
	border-left:solid 1px #069;
	border-right:solid 1px #069;
}

#tarifs
{
	border:dotted 1px #000;
	width:402px;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:15px;
}

html>body #tarifs
{
	width:380px;
}

#tarifs h1
{
	border-left:solid 1px #069;
	border-right:solid 1px #069;
}

#parinternet
{
	border:dotted 1px #000;
	width:452px;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:15px;
}

html>body #parinternet
{
	width:430px;
}

#parinternet h1
{
	border-left:solid 1px #069;
	border-right:solid 1px #069;
}

#parinternet .sent
{
	color:#F00;
	font-weight:bold;
}

#parinternet .erreur
{
	font-weight:bold;	
}

#parinternet form label
{
	width:200px;
	height:17px;
	margin-top:5px;
	padding-top:2px;
	text-align:right;
	display:block;
	float:left;
}

html>body #parinternet form label
{
	height:15px;
}

#parinternet form input
{
	width:217px;
	border:solid 1px #069;
	font-size:11px;
	height:17px;
	margin-left:10px;
	margin-top:5px;
	padding-left:5px;
}

html>body #parinternet form input
{
	width:210px;
	height:15px;
}

#parinternet form select
{
	width:132px;
	border:solid 1px #069;
	height:22px;
	margin-left:10px;
	margin-top:5px;
	font-size:11px;
}

html>body #parinternet form select
{
	width:130px;
	height:20px;
}

#parinternet form textarea
{
	width:217px;
	border:solid 1px #069;
	font-size:11px;
	height:202px;
	margin-left:10px;
	margin-top:-8px;
	padding-left:5px;
}

html>body #parinternet form textarea
{
	width:210px;
	height:200px;
}

#parinternet .asterix
{
	color:#F00;	
	font-weight:bold;
}

#parinternet form .submit
{
	font-weight:bold;
	width:100px;
	height:24px;
	font-size:14px;
	background-color:#CCC;
}

#parinternet form .right
{
	text-align:right;	
	margin-right:40px;
}

li
{
	list-style:square;
	font-style:italic;
	padding-bottom:5px;
}

.inside
{
	list-style:circle;	
}

#map
{
	width:400px;
	padding:10px;
	text-align:center;
}

html>body #map
{
	width:380px;	
}

#inscription
{
	width:400px;
	padding:10px;
	text-align:center;
	margin-top:50px;
	min-height:148px;
}

html>body #inscription
{
	width:380px;
	min-height:128px;
}

#inscription a
{
	font-size:30px;
	font-weight:bold;
}

.sidebar_element
{
	width:340px;
	padding:10px;
	padding-bottom:15px;
	border-bottom:solid 1px #CCC;
}

html>body .sidebar_element
{
	width:320px;	
}

#professeurs
{
	width:802px;
	border:dotted 1px #000;
	margin:0px auto;
	text-align:center;
	clear:both;
}

html>body #professeurs
{
	width:800px;	
}

#professeurs .prof
{
	padding:15px;
	text-align:center;
	display:inline-block;
	zoom:1;
	*display:inline;
}

#professeurs .prof img
{
	border:none;	
}

#bio
{
	width:750px;	
	margin:0px auto;
	padding-bottom:15px;
	margin-bottom:15px;
}

#bio .left
{
	width:350px;
	float:left;	
	background-color:#FFF;
	margin-bottom:15px;
	display:block;
}

#bio .right
{
	width:380px;
	float:right;	
	background-color:#FFF;
	margin-bottom:15px;	
	display:block;
}

#bio img
{
	float:left;
	margin:0px;
	padding-right:15px;
	margin-top:20px;
}

#evenements
{
	width:752px;
	margin-bottom:25px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding-bottom:10px;
	margin:0 auto;
}

html>body #evenements
{
	width:750px;	
}

#evenements p
{
	padding:15px;	
}

#admin
{
	width:752px;
	margin-bottom:25px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding-bottom:10px;
	padding-top:10px;
	margin:0 auto;
}

html>body #admin
{
	width:750px;	
}

#admin p
{
	padding:15px;	
}

#admin form
{
	width:350px;
	margin:0 auto;
	text-align:center;
}

#admin form label
{
	width:160px;
	height:17px;
	margin-top:5px;
	padding-top:2px;
	text-align:right;
	display:block;
	float:left;
}

html>body #admin form label
{
	height:15px;	
}

#admin form input
{
	width:177px;
	border:solid 1px #069;
	font-size:11px;
	height:17px;
	margin-left:10px;
	margin-top:5px;
	padding-left:5px;
}

html>body #admin form input
{
	width:170px;
	height:15px;
}

#admin form .submit
{
	font-weight:bold;
	width:100px;
	height:24px;
	font-size:14px;
	background-color:#CCC;
}

#admin form .right
{
	text-align:right;	
}

#admin form select
{
	width:132px;
	border:solid 1px #069;
	height:22px;
	margin-left:10px;
	margin-top:5px;
	font-size:11px;
}

html>body #admin form select
{
	width:130px;
	height:20px;
}

#admin fieldset
{
	width:400px;
	margin:0 auto;
	margin-bottom:20px;
}

#admin .bio label
{
	width:50px;
}

#admin .bio input
{
	width:250px;	
}

#admin .readonly
{
	background-color:#CCC;	
}

#admin .bio textarea
{
	width:357px;
	height:502px;
	border:solid 1px #069;
	font-size:11px;
	padding-left:5px;
}

html>body #admin .bio textarea
{
	width:350px;
	height:500px;
}

#admin .nouvelle textarea
{
	width:357px;
	height:502px;
	border:solid 1px #069;
	font-size:11px;
	padding-left:5px;
}

html>body #admin .nouvelle textarea
{
	width:350px;
	height:500px;
}

#gererprof .profnom
{
	width:200px;
}

#gererprof .prof
{
	margin-bottom:20px;	
}

#gererprof table td
{
	width:100px;
	text-align:center;
	border-bottom:solid 1px #000;
	padding-bottom:8px;
	padding-top:5px;
	
}

#gerernouvelles .titre
{
	width:200px;
}

#gerernouvelles .nouvelle
{
	margin-bottom:20px;	
}

#gerernouvelles table td
{
	width:100px;
	text-align:center;
	border-bottom:solid 1px #000;
	padding-bottom:8px;
	padding-top:5px;
	
}

#horaire table
{
	border-collapse:collapse;
}

#horaire table, #horaire th, #horaire td
{
	border:solid 1px #069;
	padding:2px;
}

#horaire .action
{
	width:200px;
}

#horaire .heure
{
	font-weight:bold;
}

#horaire .busy
{
	background-color:#CCC;
	width:200px;
}

#horaire th
{
	font-weight:bold;
	color:#FFF;
	background-color:#069;
}









#footer
{
	width:850px;
	height:27px;
	background-color:#F8F8F8;
	clear:both;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	text-align:center;
	font-size:10px;
	padding-top:5px;
}

html>body #footer
{
	height:20px;
}








a:link
{
	font-weight:bold;
	color:#069;
	text-decoration:none;
}

a:visited
{
	font-weight:bold;
	color:#069;
	text-decoration:none;
}

a:hover
{
	color:#039;
	text-decoration:underline;
}