/*
 +----------------------------------------------------------------------------+
 | Auteur : Julien Peronnet                                                   |
 +----------------------------------------------------------------------------+
*/


/*****************Proprietes generales******************************************/
*
{
	margin:0;
	padding:0;
	text-indent:0;
}

body
{
	background: #fcfafa url(../images/fond.jpg) repeat-x top left;
	font:14px Arial, Myriad, sans-serif;
	color:#000;
	text-align:center;
	/*background:url(../images/fond.jpg) repeat-x top left;*/
}

hr
{
	margin:2px;
	width:100%;
	color:#7F8343;
	background-color:#7F8343;
	height:1px;
}

a
{
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#c59301;
}

a:hover
{
	text-decoration:none;
	color:#F1B401;
}

table
{
	width:480px;
	margin:0 auto;
	border:1px solid #006495;
	border-spacing:0;
	border-collapse:collapse;
}

.table_cadre
{
	width:480px;
	margin:2px;
}

th
{
	font-size:11px;
	padding:2px;
	text-align:center;
	border:1px solid #006495;
	font-weight:400;
	background:#c59301;
	height:23px;
}

td
{
	font-size:11px;
	text-align:center;
	border:1px solid #006495;
	background:#FFF;
	/*height:23px;*/
}

td:hover
{
	background-color:#f1d78b;
}

.navi
{
	padding:0; 
	margin:0;
	text-align:left;
	clear:left;
	padding-top:8px;	
	color:black;
}

.navi a {
	font-weight:bold; /*ne marche pas?*/
	text-decoration:none;
}

.other_month
{
	color:#c2c4c4;
}

.current_day
{
	background:#FBB63C;
	color:#D7B343;
}

.label_inscription
{
	margin:2px;
	float:left;
	clear:both;
	width:170px;
	text-align:right;
}

.symbole_obligatoire
{
	color:red;
}

.input_inscription
{
	float:left;
	width:180px;
}

.input_inscription input,.input_inscription select
{
	margin:2px;
	border:1px solid #000;
	font:12px Myriad, Arial, sans-serif;
}

.liste_inscription
{
	margin:2px;
	float:left;
	clear:both;
}

.inscription_bouton
{
	float:left;
	margin:3px;
}

.inscription_note_obligatoire
{
	float:left;
	clear:both;
}

.bazar_checkbox
{
	float:left;
	width:49%;
}

.bazar_fieldset
{
	border:1px solid #000;
	width:100%;
	margin-bottom:5px;
}

.bazar_fieldset legend
{
	font-size:15px;
	font-weight:700;
}

.bazar_table
{
	border:1px solid #000;
	width:100%;
	margin:5px;
}

.bazar_table td,.bazar_table tr,.bazar_table th
{
	border:1px solid #000;
}

/*****************Titres********************************************************/
h1,h2,h3,h4,h5,h6
{
	font-family:Myriad, Arial, sans-serif;
	text-align:left;
	margin:4px 0;
}

h1
{
	font-size:22px;
	color:#F1B401;
        text-align:center;
	border-bottom:solid black 1px;
}

h2
{
	font-size:18px;
	color:#A81106;
}

h3
{
	font-size:16px;
	color:#000;
}

h4
{
	font-size:16px;
	color:#FFF;
	background:#006495;
	border:1px solid #C3D759;
	-moz-border-radius:5px;
}

h5
{
	font-size:16px;
	color:#006495;
	border-bottom:solid #006495 1px;
}

h6
{
	font-size:16px;
	color:#006495;
}

/*****************Boutons et formulaires****************************************/
a img
{
	border:none;
}

form li
{
	list-style-type:none;
	color:#000;
}

form table,form td,form th
{
	border:0;
}

form td:hover
{
	background:transparent;
}

#formulaire_inscription td {
	background:#FCFAFA;
	}

/*****************Listes********************************************************/
ul
{
	padding:0;
	margin:0 0 0 10px;
}

li
{
	padding:0;
	margin:2px 0 0;
	color:#000;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Structure de la page */
#page
{
	position:relative;
	/*top:3px;*/
	width:1024px;
	text-align:left;
	margin:0 auto;
	float:left;
	background:#fcfafa;
}

.page
{
	clear:both;
	background-color:transparent;
	text-align:justify;
	line-height:22px;
}

#zone_bandeau
{
	height:214px;
	width:1024px;
	background:url(../images/bandeau_haut.jpg) no-repeat top left;
}

#zone_bandeau a
{
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#ffffff;
}

#zone_bandeau a:hover
{
	text-decoration:underline;
	color:#b0b1b1;
}

#site_nom
{
	position:absolute;
	top:40px;
	left:210px;
	width:350px;
}

#site_nom h1
{
	margin:0 auto;
	width:350px;
	font-size:30px;
	font-family:Georgia, serif;
	color:#3082AA;
	border:0;
}

#site_nom h6
{
	margin:0 auto;
	width:350px;
}

#vous_etes_ici
{
	clear:both;
	float:left;
	width:400px;
	margin:0 0 10px 20px;
}

#contenu_interne {
	width:550px;
	float:left;
	margin:0 auto;
	padding:0 auto;
/*	_width:100%;*/
}

#zone_contenu
{
	float:left;
	margin:-1px 0 0;
	padding:0;
	width:1024px;
	background:#fcfafa;
	/*border:1px solid #3082AA;
	-moz-border-radius:10px;*/
}

#zone_bandeau_menu
{
	clear:both;
	color:#464E50;
	float:left;
	width:197px;
/*	border:1px solid #E7E7E7; */
	background:url(../images/fond_menu.jpg) repeat-y;
	margin:0 0 0 35px;
	_margin-left: 18px;
/* 	_margin-left:-1px; */
}

#menu {
	padding-bottom:30px;
}

#menu ul
{
	display:block;
	margin:3px 3px 0 0px;
	padding:0;
	width:195px;
	_width:190px;
}

#menu li
{
	list-style-type:none;
	margin:2px 0;
	padding:0;
	width:190px;
	_width:185px;
}

#menu li li {
margin:0 0 0 5px;
/*background-color:#E7E7E7;*/
}



/*---------calendrier-----------*/

.calendar, .calendrier_applette
{
	width:139px;
	height:97px;
	margin:0;
	border:0;
	margin-top:-5px;
	:;margin-top:-5px;
}

#calendrier {
	position:relative;
	/*width:150px;*/
	height:97px;
	font-size:5px;
	margin:0 0 0 745px;
	padding-top:10px;
	}

.calendar td, .calendrier_applette td {
	/*width:4px;*/
	/*height:11px;*/
	border:0;
	background:inherit;
	background:0;
	padding:0 auto;
	}

.calendar th, .calendrier_applette th{
	display:none;
	}

#calendrier .navi {
	font-size:12px;
}

/*------------menu---------------*/

#menu li a {
	display:block;
	padding:3px 0 0 15px;
	/*margin:0 3px;*/
	width:180px;
	text-decoration:none;
	color:black;
	/*background:transparent;*/
	/*border:1px solid #7FB1CA;*/
	/*height:17px;*/
	text-align:left;
	font-weight:bold;
}

#menu li a:hover {
	color:#000;
	background:#F1B401;
	width:180px;
	/*border:1px solid #006495;*/
}

.menu_actif a {
	background:#F1B401;
	color:white;
	/*width:195px;*/
}

.menu_actif li ul {
	text-decoration:underline;
	}



#menu li li a, #menu li li, #menu li ul {
	font-weight:normal;
	background:#E7E7E7;
	width:175px;
	_width:185px;
	}

#menu li li a {
width:175px;}

#menu li li a:hover {
	width:175px;
	background:inherit;
	text-decoration:underline;
	}

#menu li ul {
	/*margin:4px 0 2px 2px;*/
	padding:0;
	background:#E7E7E7;
}

#menus_communs
{
	/*float:right;*/
	text-align:center;
	width:1024px;
/*	margin:10px 10px 0 0;*/
}

#menus_communs li
{
	padding:0 1px;
	list-style-type:none;
	display:inline;
	background:transparent;
}

#menus_communs a:hover
{
	color:#7FB1CA;
}

#zone_onglets {
float:left;
text-align:center;
font-weight:700;
margin:0 20px -1px 30px;
}

#zone_onglets ul {
list-style:none;
margin:0;
padding:0;
}

#zone_onglets li {
background:url(../images/Boutons/onglet.png) no-repeat right top;
float:left;
color:#FFF;
width:98px;
height:32px;
margin:0;
padding:0;
}

#zone_onglets a {
display:block;
color:#FFF;
font-size:12px;
width:.1em;
white-space:nowrap;
text-decoration:none;
float:none;
padding:6px 15px 4px;
}

#zone_onglets > ul a {
width:auto;
}

#zone_onglets .inactif {
border-bottom:0 solid;
font-weight:400;
}


#zone_onglets li:hover,#zone_onglets li:hover a,.onglet_actif a {
background:url(../images/Boutons/onglet_hover.png) no-repeat right top;
}

#onglets_inscription {
	display:none;
}

#zone_contenu_tete
{
	float:left;
	width:521px;
	padding:10px 0 0 20px;
}

.zone_alert,.pap_erreur
{
	float:left;
	clear:both;
	text-indent:0;
	text-align:left;
	min-height:56px;
	width:460px;
	margin:5px 0;
	border:1px solid #A81106;
	background:#FFF url(../images/Main_Erreur.png) no-repeat top left;
	padding:5px 0 5px 76px;
	-moz-border-radius:12px;
}

.zone_info
{
	display:none;
	float:left;
	clear:both;
	-moz-border-radius:12px;
	text-indent:0;
	text-align:left;
	min-height:56px;
	width:460px;
	margin:0 15px 15px 0;
	border:1px solid #D0DF7F;
	background:#FFF url(../images/Infos.png) no-repeat top left;
	padding:5px 0 5px 76px;
}

#zone_contenu_corps
{
	text-indent:15px;
	float:left;
	width:550px;
	margin:0px 50px 0 40px;
	_margin-left:20px;
	padding:0 0 10px;
	text-align:justify;
}

	#zone_contenu_corps ul
	{
		padding:0;
		margin:0 0 0 10px;
		list-style-image:url(../images/puce_ul.gif);
	}
	
	#zone_contenu_corps li
	{
		padding:0;
		margin:2px 0 0;
		color:#000;
		clear:both;
	}
	
	#zone_contenu_corps ul li ul {
		list-style-image:url(../images/puce_li.gif);
	
	}


#zone_contenu_pied {
	background:url(../images/corps_pied.jpg) no-repeat;
	width:642px;
	height:71px;
	float:left;
/*	margin-left:150px;*/
}


#rss {
	/*height:440px;*/
	width:197px;
	position: absolute;
	/*left : 827px;*/
left:860px;
	top: 151px;
	background:#e7e7e7;
/*	margin-top:-60px;*/
	}

	#rss_tete {
		background:url(../images/img_actu.jpg) no-repeat;
		width:197px;
		height:89px;
		}
	#rss_pied {
		background:url(../images/bordure_bas.jpg) no-repeat left bottom;
		width:197px;
		height:4px;
		}

	#rss h2 {
		display:none;
		font-size:15px;
		}

	#rss ul {
		list-style-type:none;
		}

	#rss li {
		padding:0 0 15px 0;
	}
#rss a {
  text-decoration:none;
}


#zone_contenu_corps h1 {
	text-indent:0;
	padding-bottom:5px;
	
}

#zone_contenu_corps ul {
	padding: 0 0 0 20px;
}


.spacer
{
	width:742px;
	clear:both;
}

#zone_pied
{
	margin:3px 0 10px;
	padding:0;
	float:left;
	width:1024px;
	height:65px;
	/*background:url(../images/Bandeau_bas.png) repeat-x top left;*/
}

#zone_pied a
{
	color:#c59301;
}

#zone_pied a:hover
{
	color:#F1B401;
	text-decoration:none;
}

/*-------------------------------APPLETTES--------------------------------------*/
#moteur_recherche
{
	clear:both;
	float:left;
	margin:0 5px 0 0;
	padding:10px 0 60px 0;
	width:180px;
	height:55px;
	text-align:center;
/*	border-top:1px solid black;*/
}

#moteur_recherche legend
{
	display:none;
}

#moteur_recherche fieldset
{
	
	margin:0;
	padding:0;
	border:0;	
}

#moteur_recherche label
{
	display:none;
}

#more_motif
{
	float:right;
	padding:2px;
	width:130px;
	border:#000 1px groove;
	font:12px arial, sans-serif;
	color:#000;
}

#fleche {
	float:left;
	background:transparent url(../images/fleche.jpg) no-repeat left; 
	width:31px;
	height:27px;
	}


#sesi_ok,#more_ok {
float:left;
border:0;
background:transparent url(../images/Boutons/bout_ok_off.jpg) no-repeat center center;
cursor:hand;
/*clear:both;*/
margin:10px 0 0 -15px;
padding:15px;
text-indent: -1000em;
}

/*#sesi_ok,#more_ok:active {
background:transparent url(../images/Boutons/bout_ok_on.jpg) no-repeat center center;
margin-top:1px;
}*/

#menu_homme {
	width:197px;
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
	}


#homme {
	background:url(../images/img_hommeparfait.jpg) no-repeat;
	width:156px;
	height:166px;
	clear:both;
	margin:0 auto;
	padding:0 0 20px 0;
}

#homme_pied {
	background:url(../images/bordure_bas.jpg) no-repeat bottom;
	width:197px;
	height:4px;	
	}

#copyright
{
	margin:15px 0 10px 0;
	text-align:center;
	width:1024px;
	padding:0;
}

#copyright a
{
	color:#c59301;
}

#copyright a:hover
{
	color:#F1B401;
	text-decoration:none;
}

#identification
{
/*	width:195px;*/
	margin:0 auto;
	text-align: center;
	display:block;
}

#identification_tete {
	height:27px;
	width:180px;
	background:url(../images/img_identifier.jpg) no-repeat left #E7E7E7;
	padding:20px 0 0 0;
	margin:0 auto;
	border-top: solid 1px black;
}

#identification fieldset
{
	border:1px #FFF;
	margin:0 auto;
	/*padding:5px;*/
/*	background:#E7E7E7;*/
	-moz-border-radius:20px;
}

#inscription_info {
	width:200px;
}

#identification legend
{
	display:none;
}

#identification label
{
	display:block;
}

#password, #username
{
	width:130px;
	padding:0 auto;
	margin: 0 auto;
}

#persistant_label {
/*	position:relative;*/
	float:right;
	padding:20px 10px 0 0;
	text-align:center;
}

#persistant{
	margin:90px 0pt 0pt -30px;
	float:left;
}

*+html #persistant {
margin:5px 0 0 -20px;
}

#connexion {
float:left;
border:0;
background:transparent url(../images/Boutons/bout_ok_off.jpg) no-repeat center center;
cursor:hand;
/*clear:both;*/
margin:20px 0 0 15px;
padding:15px;
text-indent: -1000em;
}

.retour {text-align:right;margin-right:15px}
/*#connexion:active {
background:transparent url(../images/Boutons/bout_ok_on.jpg) no-repeat center center;
}*/


#cal_navigation {
	display:block;
	position:relative;
	background:transparent;
	padding-bottom:20px;
}

/*Modification John*/
#menu_lien_1_37 {margin-top:10px}
#menu_lien_1_24 {margin-top:10px}
#menu_lien_1_38 {margin-top:10px}
#menu_lien_1_14 {margin-top:10px}
#menu_lien_1_60 {margin-top:10px}


#menu {font-size:13px}
#rss {font-size:14px}

#BAZ_corps {width:100%;}
#formulaire input, #formulaire textarea, #formulaire select {border:1px solid #000;}
.enligne {padding:0;margin:0;display:inline;list-style: none;list-style-type:none;background:#FFF;text-align:justify;}
/*-------------Les fiches Bazar-------------------------------------------------*/
.BAZ_cadre_fiche {margin:0 auto;width:90%;padding:10px;
                  border: 0px ;
                  text-indent:0; font: 13px arial, sans-serif; color:#000; text-align:justify; line-height:17px;}
.BAZ_cadre_map {max-height:200px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0}
.BAZ_cadre_fiche a {font: 14px arial, sans-serif;color:#3082AA;text-decoration:underline;}
.BAZ_cadre_fiche a:hover {color:#515966;text-decoration:underline;}
#fiche_image {float:left;height:150px; width:150px;}
#fiche_titre {text-align:left;width:100%;padding-left:10px; background:transparent; border:0; color:#B1BB7E; font: 19px arial, sans-serif;}
.BAZ_description {margin-bottom:25px;min-height:120px;font: 13px arial, sans-serif;text-align:justify;text-indent:15px;}
#BAZ_bas_page {margin: 0;padding:0;}
.BAZ_nb_vues,.BAZ_fiche_ecrite {display:none;visibility:none;}
.BAZ_image {max-width:160px;float:left;margin-right:15px;}
.bulle_haut {margin: 0;padding:0;}
.bulle_corps {margin: 0;padding:10px 5px;border: 1px solid #3082AA;-moz-border-radius:10px;background:black;}
.bulle_bas {margin: 0;padding:0;}
#formation_qualifiante {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
#formation_diplomante {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
#formation_continue {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}
.centrer {clear:both;margin:0 auto;}
.rubrique {width:150px;	text-align:left;font: bold 15px arial, sans-serif; color: #515966;}
.rubrique_bulle {width:90px;text-align:left;font: bold 15px arial, sans-serif; color: #000;}
.infos {width:70%;float:left;min-height:120px;font: bold 15px arial, sans-serif; color: #B1BB7E;line-height: 25px;}
.bazar_checkbox {float:left;width:170px;font:10px arial, sans-serif;border:0;}
.lien_wikini {margin: 0;padding:10px 5px;border: 2px solid #DBE8C8;-moz-border-radius:10px;background:#3082AA;}
div.lien_wikini a {padding-left:100px;color:#FFFFFF;}
.table_bazar th{font-weight:bold;}
.table_bazar #col1,.table_bazar #col2,.table_bazar #col3,.table_bazar #col4{text-align:center;}

/* CALENDRIER APPLETTE*/
.calendrier_applette{
	width:140px;}
#map {margin:20px 0 20px 0;}
/* CALENDRIER */
#cal_entete{
	display:block;
	background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x;
	margin:10px 0;
	height:31px;
	min-width:300px;
	border-left: 2px solid #113054;
	border-right: 2px solid #113054;
	position:relative;
}
#cal_titre_img{
	float:right;
	display:inline;
	background:transparent;
	padding-bottom:10px;
	width:182px;
}

.cal_navigation {
/*	display:block;*/
	position:absolute;
	/*margin-bottom:10px;*/
	margin-top:-10px;
	background:transparent;
	float:left;
}

#cal_precedent_lien, #cal_suivant_lien{
	display:block;
	position:absolute;
	top:12px;
	background:transparent;}
#cal_suivant_lien img, #cal_precedent_lien img{
	display:block;
	border:0;}
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
	background-color:#406BA9;}
#cal_precedent_lien{
	left:15px;}
#cal_mois_courrant{
	display:block;
	position:absolute;
	top:14px;
	left:40px;
	width:100px;
	padding:2px 25px;
	background-color:#fff;
	border:1px inset #113054;
	text-align:center;
	text-transform:uppercase;
	font: bold 14px 'Arial narrow', arial, sans-serif;}
#cal_suivant_lien{
	left:195px;}
.calendrier{
	font: bold 16px 'Arial narrow', Arial, sans-serif;
	border-collapse:separate;
	border-spacing:2px;
	width:100%;}
/* Problï¿½me de la couleur entre les cellules...
.calendrier tbody{
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
.calendrier th, .calendrier_applette th {
	color:white;
	background-color:#174984;
	border: 1px solid #113054;
	text-align:center;}
.calendrier th {
	height:20px;
	width:14%;
	border-width:2px;}
.calendrier td {
	height:83px;
	width:14%;
	border:2px solid #4c4c4c;
	vertical-align:top;
	text-align:left;
	-moz-border-radius:3px;
	background:#E7E7E7;
	}
.cal_j{
	display:block;
	float:right;
	padding:2px;}
.cal_jc{
	background-color:#c4d9fb;}
.cal_ma{
	background-color:#eaeaec;}
.cal_evenemt_liste{
	font: normal 10px Arial, sans-serif;
	list-style-type:disc;/*disc url(/client/bazar/images/cal_pastille.png) inside;*/
	margin:20px 5px 5px 0;
	padding:0;
}
.cal_evenemt_liste li a{
	display:block;
/*	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat;}*/
	list-style-type:disc;
}
.cal_evenemt{
	margin:0;
	padding:0 0 0 0px;}
/* Pour la bibliothï¿½que JS DomToolTip */
div.niceTitle {
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;}
div.niceTitle .contents {
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;}
div.niceTitle p {
	color: #D17E62;
	font-size: 9px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;}
.bazar_titre2 {display:none;visibility:hidden;}
/*Modifié par John*/
 .BAZ_fiche_titre_{margin-top:10px;line-height:25px;}
#resultat_actu li {margin-top:10px;} 

