body#thebody, input {
	font-family:verdana, arial, sans-serif;	
	font-size:11px;
	color:#4C4D4F;
}

body#thebody {
	background:#fff url('/images/bg_header_left.gif') repeat-y;	
	margin:0;
	text-align:center;
	width:100%; /*sera changé en javascript si résolution trop petite. Voir initialisation.js*/
}

body#contenu {
	text-align:left;
}

img {
		border:0;
		vertical-align:middle;
}

h1{font-size:200%;}
h2{font-size:150%;}

.title {
	color:#6388a1;
	font-size:130%;
	margin-bottom:0px;
	padding-bottom:0px;
}

h3 {
	color:#6388a1;
	font-size:130%;
	margin-bottom:0px;
	padding-bottom:0px;
}

p {
		margin-top:8px;
		padding:0 10px 0 0;
}

cite {padding:0 10px 0 0;}

h4 {font-size:120%;margin:3px 0 0 0;padding-bottom:0px;}
h5 {font-size:110%;margin-bottom:0px;padding-bottom:0px;}

hr {
	background-color:#ccc;
	color:#ccc;
	margin:1em 1em 1em 0;
	height:1px;
	border:0;	
}
.enorme,.tres_gros,.gros,.moyen,.petit {font-weight:bold;color:#6388a1;}
.enorme {font-size:200%}
.tres_gros {font-size:150%}
.gros {font-size:120%}
.moyen {font-size:110%}
.petit {font-size:100%}

a:link, a:visited {
	color:#6388a1;
}

a:active, a:hover {
	color:#8a8a8a;
}

a.secondary:hover, a.secondary:active,a.secondary:link,a.secondary:visited{
	color:#fff;
}


ul li {
	margin:0.5em 0 0.5em 0;
	padding:0 10px 0 0;
}
#container {
	width:100%;/*sera changé en javascript si résolution trop petite. Voir initialisation.js*/
}

#top_nav_bg {
	height:26px;
	background:url('/images/bg_top_nav.gif') repeat-x;
	width:100%;
	float:left;
	margin:0 auto;
}

#bg_header_left {
	height:370px;
	width:88px;
	background:url('/images/bg_header_left.gif') repeat-y;
	float:left;
}

#bg_header_right {
	height:370px;
	width:74px;
	background:url('/images/bg_header_right.gif') repeat-y;
	float:right;
}


#footer_gap {
		height:70px;
		float:right;
		width:77px;
		background:url('/images/bg_header_right.gif') repeat-y;		
}


#top_nav {
	margin:5px 0 0 0;
	height:26px;
	color:#fff;
	font-size:10px;
	font-weight:normal;
}

	#top_nav ul#langues {
		padding:0 0 0 95px;
		margin:0;
		float:left;		
	}
	
	#top_nav ul#langues li {
		display:inline;
		padding-right:5px;
		margin:0;
	}
	
	#top_nav ul#nav_options {
		padding:0 200px 0 0px;
		margin:0;
		float:right;		
	}
	
	#top_nav ul#nav_options li {
		display:inline;
		padding-right:5px;
		margin:0;
	}
	
	#top_nav ul#nav_options li a {			
			color:#BFC0C0;
			text-decoration:none;
	}
	
	#top_nav ul#nav_options li a:hover, #top_nav ul#nav_options li a:active{			
		color:#fff;
	}	

	#top_nav a {
		color:#BFC0C0;
		text-decoration:none;
	}

	#top_nav a:active, #top_nav a:hover {
		color:#fff;
	}
	
	#top_nav a.current {
			font-weight:bold;
			color:#fff;
	}

#header {	
	background-color:#fff;	
	height:370px;
	width:830px;
	margin:0 auto;
	text-align:left;	
}

	#header #branding {
		float:left;
		padding:20px 0 0 3px;		
	}
	
	#header img#photo {		
		padding-left:5px;
		float:left;		
	}
	
	#header ul#main_nav {
		float:left;
		padding:30px 0 10px 5px;
		margin:0;
		color:#a3a3a3;
		position:relative;
		width:95%;
	}
	
	#header ul#main_nav li {
		display:inline;
		padding-right:2px;
		margin:0;
		position:relative;
	}
	
	#header ul#main_nav ul.sub_nav {			
			margin:0px 0 0 0;
			left:5px;
			top:20px;
			background-color:#fff;
			padding:0;
			width:220px;
			border:1px solid #E4E4E5;
			border-width:1px 1px 0 1px;
			float:left;
			position:absolute;
	}	
	
	.ssub_nav {
			margin:0px 0 0 0;
			left:230px;
			top:-25px;
			background-color:#fff;
			padding:0;
			width:280px;
			border:1px solid #E4E4E5;
			border-width:1px 1px 0 1px;
			float:left;
			position:absolute;
	}

	#header ul#main_nav ul.sub_nav li {
			padding:0;
			margin:0;
	}
	
	#header ul#main_nav ul.sub_nav li a {
		display:block;
		font-weight:bold;
		font-size:11px;
		background-color:#fff;
		text-decoration:none;
		color:#888888;		
		padding:5px;
		margin:0;
		border-bottom:1px solid #E4E4E5;
		width:100%;
	}
	
	#header ul#main_nav ul.sub_nav li a:hover,#header ul#main_nav ul.sub_nav li a:active {		
		background:#6388a1 url(/images/sous_menu_on.gif) repeat-x;
		color:#fff;
	}	
	
	
#content_container {
	width:100%;
	position:relative;
	background:url('/images/bg_header_right.gif') repeat-y top right;
	clear:both;	
}

#content_stripe {
	width:100%;
	height:249px;
	position:absolute;
	top:0;
	left:0;
	background:#79797a;
	float:left;
}

#content {	
	background-color:#fff;	
	text-align:left;
	width:817px;
	margin:0 auto;
	height:100%;
	padding-bottom:40px;
	position:relative;	
}

	#content #text {			
			background-color:#EEEEEE;
			width:479px;
			/*width:486px;*/
			_display: inline;
			overflow-x: hidden;
			float:left;
			padding:10px 0px 10px 10px;
			height:auto !important;
			height:400px;
			min-height:400px;
	}
	
	#content #intro {
			background:#6388a1 url('../images/bg_contenu_intro.gif') repeat-x;
			width:328px;
			float:left;
			font-weight:normal;
			color:#fff;
			height:249px;
	}
	
	#content #permanent {
		float:left;
		width:328px;
	}
	
		#intro p {
				margin:10px;
		}
		#intro h2 {
				margin:10px;
				font-weight:bold;
				font-size:16px;
		}
		
	#content #matrikon {						
			padding:20px 0 0 10px;
			background-color:#fff;
			color:#4C4D4F;
			float:left;
	}
		
		
#footer_container {
	width:100%;
	background-color:#fff;
	height:70px;
	clear:both;		
}

#footer_left {
	width:88px;
	height:80px;
	background:url('/images/bg_header_left.gif') repeat-y;
	float:left;	
}

#footer_right {
	width:77px;
	height:80px;
	background:url('/images/bg_header_right.gif') repeat-y;
	float:right;
}

#footer {
		background:#D6D5D5 url('/images/bg_footer.gif') repeat-x;			
		height:80px !important;
		height:80px;
		width:800px;
		margin:0 auto;		
}

	#footer p#copyright {
		margin:0;
		float:left;
		padding:10px 0 0 10px;
		color:#6388a1	;
	}
	
	#footer p#acolyte {
		margin:0;
		float:right;
		padding:10px 10px 0 0px;		
	}	

img#top_page {
		float:right;
		margin-right:10px;
}

ul.cette_section_comprend {
		list-style:none;
		margin:0;
		padding:0;
		width:95%;
}

ul.cette_section_comprend li {
	padding:0.5em 0 0.5em 0;
	margin:0;
}

table.liste-admin {
		border-collapse:collapse;
		font-size:12px;
		width:95%;
}

table.liste-admin td {
		border:1px #ccc solid;
		padding:5px;
}

ul#cours_listing {
		margin:20px;
		padding:0;
}

	ul#cours_listing li {
			margin-bottom:15px;
	}

#dates_formation, #nouvelles_dates_formation {
		margin:0 5px 0 0;
		padding:2px;
		float:left;
		width:98%;
}


#dates_formation p.date_debut, #nouvelles_dates_formation p.date_debut {
		float:left;
		padding:5px 0 0 0;
		margin-right:25px;
}

#dates_formation p.date_fin, #nouvelles_dates_formation p.date_fin {
		float:left;
		padding:5px 0 0 0;
}

#dates_formation p.supprimer_date {
		float:left;
		padding:0 0 0 10px;
}

#nouvelles_dates_formation #ajouter_date {
	margin:10px 0;	
	padding:0;
	font-weight:bold;	
}

#dates_formation p.endroit, #nouvelles_dates_formation p.endroit {
	clear:both;
}

#options_cours {
	
	margin:0 10px 0 0px;
}

	#options_cours a {
		font-weight:bold;
	}
	
	#options_cours a#imprimer_cours {
			float:right;
	}
	
	#options_cours a#retour_liste_cours {
			float:left;
	}
	
	
table#internautes {
		font-size:12px;
}

table#erreurs {
	font-size:12px;	
	color:#000;
}

table#erreurs thead * {font-weight:bold; color:#ff0000}

table#formations_dispo {
		font-size:12px;
}

table#formations_dispo th {
		text-align:left;
}

table#formations_dispo tr#data td{padding-bottom:30px; vertical-align:top}

ul#training_options {
		/*background-color:#fff;*/
		padding:0px 10px 0px 30px;
		width:430px;
		margin:0;
}

#notice {
		color:#6388a1;
		padding:10px 10px 10px 30px;
		margin-bottom:10px;
		background-color:#fff;
		width:430px;
}

table {
	font-size:12px;	
}

a.top_section {
		font-weight:bold;
}

ul#sitemap {
	margin:20px;
	padding:0px;
}

	ul#sitemap li {
			margin:10px;
	}
	

input#search_box {
	width:100px;
	border:0;
	height:18px;
	vertical-align:middle;
}


/* Recherche */

p.sous_titre {
		font-weight:bold;
}

table.HDACalendar {
		float:left;
		margin:5px;
}

.calendar_cell_over {
		background-color:lightyellow;
		padding:10px;
		width:200px;
		font-size:10px;
}

.highlight {
	color:#EEEEEE;
	background-color:#4c4d4f;
	padding:1px;
}


.order_form *{
	font-size:10px;
}
big{color:#6388a1;}