/* ######### redéfinitions de tags ######## */
td {
/* Changer ici les couleurs, familles et tailles 
de fontes par défaut pour tout le site */
/* dans zwook tous les textes apparaissent systématiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
	font-family:  "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#FCFCFC;
}

p{
	text-align: justify
}
/* style des cellules de titre */
th {
	font-family: verdana,arial,sans-serif;
	font-size:small;
	color:black;
	border-bottom:1px solid #131313;
	border-top:0px solid #131313;
	#background:#B3C9E0;
}

/* Style des liens */


a:link {
	text-decoration:none;
	color:#E7EDB8;
}

a:visited {
	text-decoration:none;
	color:#E7EDB8;
}

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

em {
	color:#fcfcfc;/*font-size:13px*/;text-align:left;font-size:105%;
	font-weight:bold;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
	color:#131313;
}

h5 em {
	color:black;
}

/* Style des traits */
hr {
	color:#131313;
	border-bottom:thin solid black;
}

/* Style des éléments de formulaire */
input, textarea {
	background: #e0efff;
	color:#131313;
	border: 1px solid #131313;
}

/*
strong {
color:black;
font-size:medium;
}
*/

strong h3 {
	border-bottom:0px solid #131313;
	page-break-after: avoid;
}

	fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
	background: #ffffff;
	padding: 2px;
	margin: 3px;
	border-width: 2px;
	border-color: lightgray;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

label { /*** Mise en forme des intitulés de champs ***/
	float: left; /*** Très important, ne pas suprimer ! ***/
	width: 37%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	font-size: 85%;
	text-align: right; /*** ... et ils sont alignés à droite... ***/
	line-height: 1.6px;
	margin: 0px;
	padding: 0px;
}

label:hover, input {
	cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
	font-family:  "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;;
	color:#FFFBF8;
	font-weight:normal;
	font-size:30px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:4px;

}
h2 {
	background-image:url('zwo_info/css/images/ligne_h2.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}
h1 {
	padding-left:12px;
}

h3 {
	font-family:  "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;;
	color:#E7EDB8;
	font-weight:normal;
	font-style:italic;
	border-bottom:1px solid #131313;
	font-size:18px;
	margin:0px;
}

h4 {
	font-family:  "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;;
	color:#FCFCFC;
	font-weight:normal;
	font-style:italic;
	border-bottom:1px solid #131313;
	font-size:18px;
	margin:0px;
}

h5 {
	font-variant:small-caps;
	color:#7A7C7F;
}

/* Style des listes */
li {
	list-style-type:square;
}

/* Style des footnotes */
fn, sup {
	color:#131313;
}

/* ######### classes génériques ######## */
.error_message {
	font-size:large;
	color:red;
	text-align:center;
}

.alternate_background {
/* utiliser ici une couleur proche mais légèrement différente 
du background de page : voir forum pour tester */
	background:#eaf4ff;
}
.alternate_backgroundr {
	/* utiliser ici une couleur proche mais l?g?rement diff?rente 
du background de page : voir forum pour tester */
	background: Green;
}
.alternate_background2 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background : voir calendrier pour tester */
	background:#CDD6E0;
}

.alternate_background3 {
/* utiliser ici une couleur proche mais légèrement différente 


du alternate_background2 : voir calendrier pour tester */
	background:#fcfcfc;
}

.flashy_background a {
	color:white;
}

.flashy_background {
/* utiliser ici une couleur qui tranche sur le background 
de page : voir calendrier pour tester */
	background:#88AADD;
}

/* Style alternatif des éléments de formulaire : 
voir speedblog pour test */
.alternate_form {
background:#CCCCCC;
color:black;
border: 1px solid black;
}

/*-----------------modules------------*/
.news_history{ 

	display:block;
	width:100%;
	font-size:4px;
	display:block;

}

.news_history a ,.news_history a:link ,.news_history a:visited {
	display:block;
	clear:both;
	font-size:12px;
	font-family:"Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;;
	font-weight:normal;
	color:#E7EDB8;
	background-image:url(zwo_info/css/images/fl-bleu.gif );
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	width:auto;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
}

.news_history a:hover{
	text-decoration:underline;
	color:#E7EDB8;
}

.news_history a.ad_mes ,.news_history a.ad_mes:link ,.news_history a.ad_mes:visited {
	background-image:url(zwo_info/css/images/fl-bleu_ad.gif );
}

.news_history a.new_mes ,.news_history a.new_mes:link ,.news_history a.new_mes:visited {
	background-image:url(zwo_info/css/images/fl-bleu_new.gif );
}

/* recherche */

#zwo_search {
	display:inline;
}

#zwo_search input{
	font:10px verdana;
	display:inline;width:140px;
	border:#ccc inset 1px;
}
/*------site-----------*/

#banniere  {
   background:#fff; /*important!*/
   background-image:url('zwo_info/css/images/banniere.jpg'); /*important!*/
	 background-repeat:no-repeat;
}
#footer {
   background:#fff; /*important!*/
   background-image:url('zwo_info/css/images/footer.jpg'); /*important!*/
	 background-repeat:no-repeat;
}
#bord-gauche {
   background:#fff; /*important!*/
   background-image:url('zwo_info/css/images/leftBorder.gif'); /*important!*/
	 background-repeat:nrepeat-y;
}
#bord-droit {
   background:#fff; /*important!*/
   background-image:url('zwo_info/css/images/rightBorder.gif'); /*important!*/
	 background-repeat:repeat-y;
}
#content {
   background:#261208; /*important!*/
   background-image:url('zwo_info/css/images/content2.jpg'); /*important!*/
	 background-repeat:no-repeat;
	 background-position:top left;
	 text-align:left;
}
#nav_lan {
   background:#fff; /*important!*/
   background-image:url('zwo_info/css/images/fond_lan.gif'); /*important!*/
	 background-repeat:no-repeat;
	 background-position:top right;
	 width:34px !important;
	 width:39px;
	 height:52px  !important;
	 height:57px  ;
	 text-align:left;
	 position:relative;
	 left:-24px !important;
	 left:-24px;
	 top:-5px;
	 padding-top:5px;padding-right:5px;
}
#nav_lan table tbody tr td a,#nav_lan table tbody tr td a:link,#nav_lan table tbody tr td a:visited{
	margin-top:6px;margin-bottom:1px; display:block;
}
.first_block {
	height:10px;
	overflow:hidden;
}

#ban_haut {


		}
.nav_princ{
	position:relative;
	top:-85px;
	left:43px;
	}
#sur_content {
	 background-image:url('zwo_info/css/images/fond_surcontent.gif'); /*important!*/
	 background-repeat:repeat-y;
	 background-position:top left;
}
#calendrier {
	 background-image:url('zwo_info/css/images/	ombre_calendar.jpg'); /*important!*/
	 background-repeat:no-repeat;
	 background-position:top left;

}
.month_calendar table th ,.month_calendar th {
	color:#9AD6FF; 
	font-size:95%;
	color:#131313;
	padding:4px;
	background-color:#9AD6FF;
}


.month_calendar  {
clear:both;
		border:#2961B8 1px solid;
border-collapse:collapse;
float:right;
}

.month_calendar td {
		border:#B14F22 1px dotted;
		border-collapse:collapse;
		border-top:0px none #fff;
		padding:4px;
		color: #682F15 ;
}

.month_calendar td div a,.month_calendar td div a:link,.month_calendar td div a:visited{
		color: #333 ;font-weight:bold;font-size:12px;
}
.month_calendar td  a,.month_calendar td  a:link,.month_calendar td  a:visited{
		color: #333 ;font-weight:bold;font-size:80%;
}

.month_calendar td.alternate_background3 {
		font-size:75%;
		color:#131313;
}

.year_calendar table th {
	color:#9AD6FF; 
	font-size:9px;
	color:#131313;
	padding:0px;
	background-color:#9AD6FF;
}

.year_calendar  {
clear:both;
		border:#2961B8 1px solid;
border-collapse:collapse;
float:right;
}

.year_calendar td {
		border:#B14F22 1px dotted;
		border-collapse:collapse;
		border-top:0px none #fff;
		padding:0px;font-size:80%;
		color: #682F15 ; padding:2px;
}


.year_calendar td  a,.year_calendar td  a:link,.year_calendar td  a:visited{
		color: #333 ;font-weight:bold;font-size:100%;
}

.year_calendar td.alternate_background3 {
		font-size:9px;
		color:#131313;
}
.year_calendar tbody tr.alternate_background2 td,.year_calendar td.alternate_background2{
		font-size:9px;
		color:#131313;
}




.table_rencontr {
clear:both;
		border:#2961B8 1px solid;
border-collapse:collapse;
float:right;
}
.two {background:#ececec}

.table_rencontr tr th{
	color:#9AD6FF; 
	font-size:95%;
	color:#131313;
	padding:4px;
	background-color:#9AD6FF;
}

.table_rencontr tr td{
		border:#B14F22 1px dotted;
		border-collapse:collapse;
		border-top:0px none #fff;
		padding:4px;
		
}

.table_rencontr ,.table_rencontr tr td{
		background: #fcfcfc; color: #682F15 ;font-size:90%;
}