body { width:100%; background-color: #fff;
margin-left:auto; margin-right:auto;
 }

html, body, div, table, tr, td, form, fieldset {
	margin: 0;	padding:0;
}
body, div, table, tr, td, form  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
h1 {font-size: 200%; }
h2 {font-size: 160%; }
h3 {font-size: 140%; }
h4 {font-size: 120%; }
h5 {font-size: 110%; }

#cache{ display:none; visibility:hidden; }	/* Pour cacher une balise  */

img { border: none; }
img#photo { border : #c1c1c1 1px solid; }
img#top{vertical-align: middle; border: none; }
a { text-decoration: none; color: #5F83A2;}
a:hover  { color: #a3c8de;}

.centreur  { text-align: center; margin-left:auto; margin-right:auto;  }
.right  { text-align: right;  }
/*---------  DECOUPAGE DE LA PAGE PRINCIPALE ----------------------  */
.global { position: relative; width: 800px; background-color: #fff; 
		 text-align: center; 
		 margin-top: 4px;
		 margin-left:auto; margin-right:auto; }

.centre { padding-top: 129px;
		width:100%; height: 100%;
		background-color: #fff;
}
.gauche { 
		width:149px; height: 100%;
		background-color: #f7f7f7; 
		color: #c1c1c1;
}
.droite  { 
		width: 641px; height: 100%;
}
.rubrique  { text-align: left;
		font-family: Verdana;
		font-size: 6.5pt;
		color: #53586c;
}
.rubrique a { text-decoration : underline }

/* ------------------- CADRE DE LA ZONE DE DROITE -------------------------- */
.cadre  { width:99%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: normal;
	padding-left: 6px; padding-top: 8px;
	color: #444959;
}

/*---------  LES CADRES DU HAUT  ----------------------  */
.top {	position: absolute; top: 0; left: 0;
		width:100%; height: 9px;
		background:  url(pages/top.jpg) no-repeat;
}
.haut {	position: absolute; top: 9px; left: 0;
		width:100%; height: 120px;
		background:  url(pages/bandeau_bleu.gif) repeat;
}
.haut_left{ position: absolute; top: 9px; left:0;
		width: 16px; height: 120px;
		background: url(pages/corne_bleu10.jpg) no-repeat;
}
.haut_logo{ position: absolute; top: 19px; left:16px;
		width: 137px; height: 120px;
		background: url(pages/logo1.jpg) no-repeat;
}
.haut_ban{ position: absolute; top: 9px; left:153px;
		width: 493px; height: 120px;
		background: url(pages/banniere20.jpg) no-repeat 0% 30%;
}
.haut_login{ position: absolute; top: 16px; left:650px;
		width: 132px; height: 110px;
		background: url(pages/spacer.gif) repeat;
		color: #ffffff; font-size: 10px; font-family: Arial;
}
.haut_right{ position: absolute; top: 9px; left:782px;
		width: 18px; height: 120px;
		background: url(pages/corne_bleu20.jpg) no-repeat;
}

.haut#rouge{ background: url(pages/bandeau_rouge.gif) repeat; }
.haut_left#rouge{ background: url(pages/corne_rouge10.jpg) no-repeat; }
.haut_right#rouge{ background: url(pages/corne_rouge20.jpg) no-repeat; }
.haut_logo#rouge{ background:  url(pages/logo1.jpg) no-repeat; }

.haut_ban .titre{ width:100%; height:25px;
		padding: 100px 0 0 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; color: white; }

#publicite h1 a { position: absolute; top: 19px; left:16px;
		display:block;
		height:120px; width:137px;
		text-indent: -1000px;
		z-index:1;
}
#publicite h1 { font-size:0.8em; }
/* ------------------------ MODELES ----------------------------------------------------- */
.modele2 { padding-left: 4px; padding-right: 4px; }
.modele1 { padding-left: 4px; padding-right: 4px; }
/* ------------------------ ENCADREMENT DES PAGES ----------------------------------------------------- */
td.bordleft  { background: url(pages/left.gif)  repeat-y; width: 5px; }
td.bordright{ background: url(pages/right.gif) repeat-y; width: 5px; }
td#gauche{ vertical-align: top; background-color: #f7f7f7;  }
td#droite{ vertical-align: top; background-color: #fff;  }
/* ---------------------- FORMULAIRE LOGIN --------------------------- */
.formule { text-align: left; padding-left: 3px; }
.formule span, .formule a{
	font-family: Verdana;
	font-weight: normal;
	text-decoration: none;
	font-size: 9px;
	color: #FFFFFF;
}
.formule a:hover { color: #f0e0c0; }

input { padding-left: 2px;
  color: #333333; font-family: verdana, tahoma, arial, sans-serif; cursor: hand; font-size: 7pt; }

textearea {border-right: #70bf20 1px solid; border-top: #70bf20 1px solid; border-left: #70bf20 1px solid; color: #70bf20; border-bottom: #70bf20 1px solid; font: 7pt verdana, arial, helvetica, sans-serif; color : #333333; font-weight:normal; background-color: #ffffff; cursor: hand; }

radio {
	background-color: transparent; border-bottom-color: #cccc33; border-bottom-style: none; border-left-color: #cccc33; border-left-style: none; border-right-color: #cccc33; border-right-style: none; border-top-color: #cccc33; border-top-style: none; color: #ffffff; font-family: tahoma, arial, sans-serif}
	
select { font-family: tahoma, arial, sans-serif; cursor: hand; font-size: 8pt; }
/* --------------------------- MENU GAUCHE ------------------------------------ */
.menu_global {	width: 100%; margin-left:6px; }
.menu_plan  { width: 100%; margin-left:50px; }
.menu_global .menu {	width: 140px;
		cursor: pointer;
		text-align: left;
		background-color: #fff;
}
.menu_plan .menu {	width: 500px;
		cursor: pointer;
		text-align: left;
		background-color: #fff;
}
.menu ul, .menu li { margin: 0; padding: 0; list-style-type: none; }
.menu  li  {
		height: 16px;
		line-height:16px;
		border-style:solid;
		border-width:0 0 1px 0; /*  avant 0 0 1 0 */
		border-color: #c1c1c1;
}

.menu li a { width: 100%;
		display: block;
		text-align:left;
		font-family: Arial;
		font-weight: normal;
		font-size: 10px;
		color: #7b91ac;
		text-indent: 6px;
		text-decoration: none;
}
.menu li a:hover { color: #000; background-color: #f7f7f7;  }

.menu .titre { width: 140px; height: 21px;
		text-align: center;
		padding-top: 2px;
		font-family: Arial; font-weight: bold; font-size: 11px;
		color: #fff;	
}
.menu .titre a { font-family: Arial; color : #fff; font-weight: bold; font-size: 11px; }
.menu .titre a:hover { color : #efefef; }
.menu .titre#beige { background:  url(pages/menu_beige.gif) no-repeat; }
.menu .titre#bleu   { background:  url(pages/menu_bleu.gif)  no-repeat; }
.menu .titre#rouge { background:  url(pages/menu_rouge.gif) no-repeat; }
.menu .titre#vert{ background:  url(pages/menu_vert.gif) no-repeat; }

/* ---------------------------- BAS DE PAGE ------------------------------------------------- */
.bottom { 
		width:100%; height: 42px;
		background:  url(pages/bottom.jpg) no-repeat bottom left;
		text-align: center;
}

.bottom a{
	font-family: Verdana;
	font-size: 11px;
	color: #53586C;
}
.bottom a:hover{ text-decoration: underline; }
.bottom ul { padding-top: 14px; list-style-type: none; }
.bottom  li{	display: inline; padding-left: 20px; }

/* ---------------------------- ENCADRE POUR LES ACTUS ------------------------------------------------- */
.encadre #lt  { background: url(cadres/cd_lt.gif)  no-repeat; width: 9px; height: 6px; }
.encadre #rt  { background: url(cadres/cd_rt.gif)  no-repeat; width: 10px; height: 6px; }
.encadre #lb  { background: url(cadres/cd_lb.gif)  no-repeat; width: 9px; height: 9px; }
.encadre #rb  { background: url(cadres/cd_rb.gif)  no-repeat; width: 10px; height: 9px; }
.encadre #lm  { background: url(cadres/cd_lm.gif)  repeat-y; width: 1px; }
.encadre #rm  { background: url(cadres/cd_rm.gif)  repeat-y; width: 1px; }
.encadre #t  { background: url(cadres/cd_t.gif)  repeat-x; height: 1px; }
.encadre #b  { background: url(cadres/cd_b.gif)  repeat-x; height: 9px; }
.encadre #lig { background: #b9c7d7 url(cadres/spacer.gif) repeat-x; height: 1px; }

.textebleu_titre {
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #566e8a;
}
.texteblanc_titre {
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #fff;
}
.actus { padding : 1px;
	text-align: left;
	font-family: Arial;
	color: #545454;
	font-size: 7pt;
}
.actus p {
	text-align: left;
	font-family: Arial;
}
.actus a{ 
	text-decoration: none;
}
.actus a:hover{ text-decoration: underline;}
/* ------------------------------------------------------------------------------------------*/
.rubrique   { text-align: left; margin-top: 4px; padding-left: 6px; padding-right: 6px;
		line-height: 20px;
		font-family: Verdana;
		font-size: 7pt;
		color: #53586c;
		width: 100%;
}
.rubrique#album   { text-align: center; padding: 0 0 4px 0; }
.rubrique a:hover  { color: #a3c8de; text-decoration : underline ;}
.rubrique a  { color: #5F83A2; }
.rubrique a#actuel  { color: #d6a441;}
/* ------------------------------------------------------------------------------------------ */
.cadre_photo  {
	width: 500px; height: 360px; 
	padding:4px 10px 10px 10px;
	font-family: arial, helvetica, sans-serif;
	color: #5F83A2; 
	font-size: 11px; 
	font-weight: normal;
	text-align: center;
}
#dewslider  {
	width: 500px; height: 360px;
}

/* ---------------------- LISTE DES MEMBRES ------------------------------------------------------- */
.tabmbre { text-align: left; border: none; }
.tabmbre  td { height: 20px; line-height: 20px; }

.entete { background: url(fiche/barre_ciel.jpg) repeat center left;
    height: 22px; line-height: 22px; vertical-align: middle;
	color: white; font-weight: normal;
}
.entete01 { background: url(fiche/inter.png) repeat center left;
    height: 22px; line-height: 22px; vertical-align: middle;
	color: white;
}
.tabmbre a:hover  { color: #fff; text-decoration : underline ;}
.tabmbre a  { color: #fff; }
/* ---------------------- COMPTEUR VISITES ------------------------------------------------------- */
#visites {	position: absolute; right: 1px; top:113px; z-index: 20;
			text-align: center; width: 160px;
			color : #ffffff; font-size: 10px; font-family: Arial;	
}