BODY {
	margin:0px;
	padding:0px;
	background-color:#e4e4e4;
	background-image:url(images/fond_site.png);
	background-repeat:repeat-x;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#333;
}

form {
	margin:0px;
	padding:0px;
}

p {
	margin:0px;
	padding:0px;
}

a {
	color:#0d7dd2;
	text-decoration:none;
}

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

.txt_color_2 {
	color:#0d7dd2;
}

/*ZONE TEXTE */

h1 {
	color:#0d7dd2;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	position:absolute;
	margin-top:65px;
	margin-left:290px;
}

h2 {
	color:#046abc;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	margin:0px; padding:0px;
	margin-bottom:10px;
	text-align:left;
	}

/* GENERAL */

.text_erreur {
	color:red;
}

.text_ok {
	color:green;
}

.colonne_1 {
	width:185px;
	margin-top:10px;
	padding-bottom:100px;
	float:left;
	margin-left:65px;
	_margin-left:35px;
}

.colonne_2 {
	width:520px;
	min-height:300px;
	float:left;
	margin-top:10px;
	margin-left:0px;
	padding-bottom:100px;
	margin-left:57px;
	text-align:justify;
}

/* HEADER */

#header {
	width:800px;
	height:130px;
	margin-left:auto;
	margin-right:auto;
}

#header .logo {
	position:absolute;
	
	width:260px;
	height:80px;
	
	margin-top:18px;
	margin-left:8px;
	
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	
	z-index:10;
}
	
/*MENU*/

#menu {
	background-image:url(images/menu.png);
	background-repeat:no-repeat; 
	height:36px;
	width:800px;
	
	position:absolute;
	margin-top:93px;
	
	z-index:2;
}

#menu .align {
	float:right;
	border-left:1px solid #8b8b8b;
}

#menu ul {
	margin:0px; 
	padding:0px; 
	list-style:none;
}

#menu ul li {
	display:inline-block;
	float:left;
}

#menu ul li a {
	display:block;
	float:left;
	color:#FFF; text-decoration:none;
	font-size:13px;
	line-height:36px;
	text-align:center;
	
	background-color:#b0b0b0;
	padding:0px 15px 0px 15px;
	border-right:1px solid #8b8b8b;
}

#menu ul li a:hover {
	background-color:#9f9e9e;
}

#menu a.actif,  #menu a.actif:hover {
	background-color:#046abc;
}

/* SOUS MENU */

#sous_menu {
	border-top:1px solid #CCC;
	width:100%;
}

#sous_menu ul {
	margin:0px;
	padding:0px;
	color:#008ed2;
	list-style:none;
}

#sous_menu ul li {
	line-height:16px;
	border-bottom:1px solid #CCC;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
}
	
#sous_menu ul li a {
	color:#555;
}

/* BODY */

#body {
	width:900px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}

#body .zone_haut {
	background-image:url(images/zone_texte_haut.png);
	background-repeat:no-repeat;
	background-position:center;
	
	width:900px;
	height:20px;
}

#body .zone_texte {
	width:900px;
	
	background-image:url(images/zone_texte_fond.png);
	background-repeat:repeat-y; background-position:center;
}

#body .zone_bas {
	background-image:url(images/zone_texte_bas.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	
	width:900px;
	overflow:hidden;
}

#body .zone_contenu {
}

/* FOOTER */

#footer {
	color:#606060;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
	line-height:17px;
	height:50px;
}

/* --- PAGES --- */

/* ACTU */

h2.titre_actu {
	margin-top:15px;
	color:#b0b0b0;
}

.menu_2 h2.titre_actu {
	margin-top:0px;
	color:#b0b0b0;
}

.actualite {
	color:#333;
	margin-bottom:10px;
	
	font-size:11px;
	line-height:16px;
}

.actualite a {
	font-size:11px;
	line-height:16px;
}

.actualite a.titre_actu {
	font-size:12px;
	text-decoration:none;
	line-height:17px;
	display:block;
	margin-bottom:2px;
}

.actualite a:hover {
	text-decoration:underline;
}

.actualite p {
	margin-top:8px;
	margin-bottom:4px;
}	

#module {
	margin-top:20px;
}

#module h3.titre_actu {
	display:block;
	color:#0d7dd2;
	font-size:15px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#module .date {
	font-size:11px;
	display:block;
	margin-top:4px;
	margin-bottom:15px;
}

#module span.intro {
	display:block;
	margin-top:5px;
	border-bottom:1px solid #BBB;
	padding-bottom:15px;
}

.pagination {
	font-size:11px;
	text-align:right;
}

.pagination_bas {
	margin-top:15px;
}

/* ACCUEIL */

#edito {
	margin-top:20px;
}

/* BIBLIO */

#biblio {
	clear:both;
	margin-top:50px;
}

#biblio .categorie {
	font-size:15px;
	color:#666;
	
	margin-bottom:5px;
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #666;
}

#biblio .doc {
	border:1px solid #DDD;
	padding:4px;
	margin-bottom:4px;
}

#biblio .description {
	font-size:12px;
} 

#biblio .doc .lien {
	font-size:11px;
	margin-top:7px;
}

/* COURS */

.cours_infos {
	font-size:11px;
	color:#0d7dd2;
}

/* FORM CONTACT */

#form_contact {
	margin-top:20px;
}

#form_contact .label {
	margin-bottom:6px;
}

#form_contact .form {
	margin-bottom:15px;
}

#form_contact .form_input {
	border:1px solid #909090;
	width:99%;
}

#form_contact .form_textarea {
	border:1px solid #909090;
	width:99%; height:150px;
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size:13px;
}

#form_contact .cadre_erreur {
	margin-top:4px;
	margin-bottom:4px;
}

#form_contact .contact_ok {
	display:block;
	margin-bottom:15px;
	color:green;
}

#form_contact .bt_input {
	border:0px;
	background-color:#909090;
	color:#FFFFFF;
	font-size:13px;
	width:150px;
	height:22px;
}

/* INFO BULLE */

a.info_bulle {
	text-decoration:none;
	background-color:#AAA;
	color:#FFFFFF;
	
	padding:0px 4px 0px 4px;
	cursor:pointer;
}
 
a.info_bulle:hover {
	text-decoration:none;
}
 
a.info_bulle span {
	display:none;
}
 
a.info_bulle:hover span {
	display:block;
	position:absolute;
	top:2em; left:2em; 
	width:250px;
	border:1px solid #777;
	background-color:#FFF;
	font-size:11px;
	color:#555;
	font-weight:normal;
	text-decoration:none;
	padding:10px;
}

.infobulle {
    position: absolute;   
    visibility : hidden;
	
	width:250px;
	
    border: 1px solid #777;
	background-color: #EFEFEF;
	color:#555;

    padding: 10px;
    font-size: 11px;
	line-height:15px;
	z-index:10;
}

/* PLAN DU SITE */

#site_map {
	width:270px;
	margin-right:15px;;
	float:left;
	text-align:left;
}

#site_map a.niveau1 {
	color:#909090;
	font-size:16px;
	text-decoration:none;
	line-height:28px;
}

#site_map .cadre_niveau2 {
	margin-left:15px;
}

#site_map a.niveau2 {
	color:#0d7dd2;
	font-size:13px;
	text-decoration:none;
	line-height:22px;
}

#site_map a.niveau2:hover {
	text-decoration:underline;
}