html, body {
					background-image:url("/data/images/bg-rouge.jpg");
					background-color:#780401;
					background-repeat:repeat-x;
					margin:0px;
					font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
				}
				
				#page {
					background-color:#ffffff;
					margin-left:auto;
					margin-right:auto;
					width:1000px;
					border:0px solid red;
					font-size:12px;
				}
/*---------------------------------------------HEADER--------------------------------------------*/				
				#header {
					background-image:url("/data/images/header-bg.jpg");
					background-repeat:repeat-x;
					background-color:#f5f5f3;
					width:1000px;
					height:98px;
					border:0px solid red;
				}
				#logo {
					float:left;
					background-image:url("/data/images/logo-es.png");
					background-repeat:no-repeat;
					background-color:no;
					margin:0;
					width:561px;				
					height:98px;
				}
				#logo a {display:block; width:561px; height:98px; text-decoration:none;}
				#logo a:visited {display:block; width:561px; height:98px; text-decoration:none;}
				#logo a:hover {display:block; width:561px; height:98px; text-decoration:none;}
				
				/*--------------------------------------------- Login espace abonne--------------------------------------------*/	
				#login-abonne {
					float:left;
					background-image:url("/data/images/lien-centre-bg.jpg");
					background-repeat:repeat-x;
					background-position:bottom;
					background-color:#f2c897;
					width:150px;
					height:82px;
					margin:8px 1px 8px 0;
					border:0px solid red;
				}
				#login-abonne h1 {
					background-image:url("/data/images/titre-box-login.png");
					margin:0;
					padding:4px 0 0 20px;
					width:130px;
					height:30px;
					color:#ffffff;
					font-size:13px;
				}
				#login-abonne a {
					float:left;
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					background-color:no;
					margin:15px 0 0 8px;
					padding:0 4px 0 12px;
					color:#1a1a1a;
					text-decoration:none;
				}
				#login-abonne a:visited {
					float:left;
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					background-color:no;
					margin:15px 0 0 8px;
					padding:0 4px 0 12px;
					color:#1a1a1a;
					text-decoration:none;
				}
				#login-abonne a:hover {text-decoration:underline;}
				
				/*--------------------------------------------- questions et recherche--------------------------------------------*/	
				#questions {
					float:left;
					background-image:url("/data/images/recherche-bg.png");
					background-repeat:repeat-y;
					background-color:no;
					height:93px;
					margin:0;
					padding:5px 0 0 10px; 
				}
				#questions h1 {margin:0 0 10px 0; text-align:left; font-size:14px; color:#ad0400;}
				#questions  a {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 0 0 10px;
					padding:2px 5px 2px 20px;
					color:#1a1a1a;
					text-decoration:none;
				}
				#questions a:visited {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 0 0 10px;
					padding:2px 5px 2px 20px;
					color:#1a1a1a;
					text-decoration:none;
				}
				#questions a:hover {text-decoration:underline;}
				
/*---------------------------------------------MENU--------------------------------------------*/	
				#menu {
					float:left;
					background-color:#0a3021;
					width:712px;
					height:32px;
					margin:0;
					border: 0px solid yellow;
					font-size:12px;
				}
				.menu_separation {
					float:left;
					background-image:url("/data/images/menu-separation.jpg");
					width:5px;
					height:30px;
				}
				#menu a {
					float:left;
					display:block;
					margin:0 10px 0 10px;
					padding:10px 0 0 0;
					height:22px;
					/*color:#89c0ad;*/
					color:#91c9b6;
					text-decoration:none;
					text-align:center;
					font-weight:bold;
				}
				#menu a:visited {
					float:left;
					display:block;
					margin:0 10px 0 10px;
					padding:10px 0 0 0;
					height:22px;
					/*color:#89c0ad;*/
					color:#91c9b6;
					text-decoration:none;
					text-align:center;
					font-weight:bold;
				}
				#menu a:hover {
					color:#ffffff;
				}
				
/*--------------------------------------------- RECHERCHE --------------------------------------------*/	
				#recherche {
					float:left;
					background-image:url("/data/images/recherche-bg.jpg");
					background-repeat:repeat-y;
					background-color:#0c3223;
					width:268px;
					height:26px;
					margin:0;
					padding:6px 0 0 20px;
					border: 0px solid yellow;
				}
				#recherche-champ {
					float:left;
					background-color:#ffffff;
					width:150px;
					height:20px;
				}
				#recherche-btn a {
					float:left;
					display:block;
					background-image:url("/data/images/loupe.png");
					background-repeat:no-repeat;
					background-color:#4c917b;
					background-position:right center;
					margin:0 1px 0 1px;
					padding:3px 25px 0 5px;
					height:17px;
					font-size:10px;
					color:#ffffff;
					text-decoration:none;
				}
				#recherche-btn a:visited {
					float:left;
					display:block;
					background-image:url("/data/images/loupe.png");
					background-repeat:no-repeat;
					background-color:#4c917b;
					background-position:right center;
					margin:0 1px 0 1px;
					padding:3px 25px 0 5px;
					height:17px;
					font-size:10px;
					color:#ffffff;
					text-decoration:none;
				}
				#recherche-btn a:hover {color:#1a1a1a;}
/*--------------------------------------------- GAUCHE --------------------------------------------*/				
				#gauche {
					float:left;
					margin:0 0 10px 0;
					padding:0 15px 0 10px;
					background-color:no;
					width:535px;
				}
				
				/*--------------------------------------------- lettre quotidienne  --------------------------------------------*/	
				
/*				#lettre-quotidienne  h1{background-image:url("/data/images/carre-es.jpg"); background-repeat:no-repeat; background-position:0 28px; background-color:no; color:#4c917b; margin:0 0 20px 0; padding:15px 0 0 20px; font-size:26px;}
*/
				#lettre-quotidienne  h1{background-image:url("/data/images/carre-es.jpg"); background-repeat:no-repeat; background-position:0 28px; background-color:no; color:#4c917b; margin:0 0 0 0; padding:15px 0 0 20px; font-size:26px;}
				#lettre-quotidienne  h2 {background-image:url("/data/images/carre-orange.jpg"); background-repeat:no-repeat; background-position:0 3px; color:#1a1a1a; margin:0; padding:0 0 0 15px; font-size:12px;}
				#lettre-quotidienne  h2 a {color:#1a1a1a; text-decoration:none;font-size:13px;}
				#lettre-quotidienne  h2 a:visited {color:#1a1a1a; text-decoration:none;font-size:13px;}
				#lettre-quotidienne  h2 a:hover {color:#ad0400;}
				#lettre-quotidienne  h3 {background-image:url("/data/images/carre-orange.jpg"); background-repeat:no-repeat; background-position:0 3px; color:#ad0400; margin:0; padding:0 0 0 15px; font-size:14px;}
				#lettre-quotidienne  h3 a {color:#1a1a1a; text-decoration:none;}
				#lettre-quotidienne  h3 a:visited {color:#1a1a1a; text-decoration:none;}
				#lettre-quotidienne  h3 a:hover {color:#ad0400;}
				
				.sorman-titre{background-color:none; color:#4c917b; margin:0; padding:15px 0 0 0; font-size:26px;}
				
				.p1 {color:#000000; margin:0; font-size:12px; text-align:justify;}
				.p2 {color:#000000; margin:0; font-size:13px; text-align:justify;}
				
				.article-haut-bleu{
					background-image:url("/data/images/article-haut-bleu.jpg");	
					background-repeat:no-repeat;
					background-color:no;
					background-position:right;
					margin:8px 0 0 0;
					padding:1px 0 0 0;
					width:100%;
					height:21px;
					color:#8d8d8d;
					font-size:12px;
				}
				
				.article-haut-bleu a {
					float:right;
					display:block;
					background-image:url("/data/images/gauche-separation-lien.png");
					background-repeat:no-repeat;
					background-position:top center;
					background-color:none;
					margin:0;
					padding:3px 10px 0 10px;
					color:#367763;
					text-decoration:none;
					text-align:center;
				}
				.article-haut-bleu a:visited {
					float:right;
					display:block;
					background-image:url("/data/images/gauche-separation-lien.png");
					background-repeat:no-repeat;
					background-position:top center;
					background-color:none;
					margin:0;
					padding:3px 10px 0 10px;
					color:#367763;
					text-decoration:none;
					text-align:center;
				}
				.article-haut-bleu a:hover {
					color:#000000;
				}
				
				/*--------------------------------------------- l'agenda du maire --------------------------------------------*/	
				#box-grise {
					background-color:#eeeeee; 
					padding:0 10px 0 10px;
				}
				#box-grise h1{background-image:url("/data/images/carre-bleu.jpg"); background-repeat:no-repeat; background-position:0 24px; background-color:no; color:#ad0400; margin:0 0 10px 0; padding:15px 0 0 20px; font-size:22px;}

				#box-grise  h2 {background-image:url("/data/images/carre-orange.jpg"); background-repeat:no-repeat; background-position:0 3px; color:#ad0400; margin:0; padding:0 0 0 15px; font-size:14px;}
				#box-grise  h2 a {color:#1a1a1a; text-decoration:none;}
				#box-grise  h2 a:visited {color:#1a1a1a; text-decoration:none;}
				#box-grise  h2 a:hover {color:#ad0400;}
				
				
				.haut-rouge{
					background-image:url("/data/images/trait-rouge.png");	
					background-repeat:no-repeat;
					background-color:#eeeeee;
					background-position:right;
					margin:35px 0 0 0;
					padding:1px 0 0 0;
					width:100%;
					height:21px;
					color:#8d8d8d;
					font-size:12px;
				}
				
				.haut-rouge a {
					float:right;
					display:block;
					background-image:url("/data/images/gauche-separation-lien.png");
					background-repeat:no-repeat;
					background-position:top center;
					background-color:none;
					margin:0;
					padding:3px 10px 0 10px;
					color:#367763;
					text-decoration:none;
					text-align:center;
				}
				.haut-rouge a:visited {
					float:right;
					display:block;
					background-image:url("/data/images/gauche-separation-lien.png");
					background-repeat:no-repeat;
					background-position:top center;
					background-color:none;
					margin:0;
					padding:3px 10px 0 10px;
					color:#367763;
					text-decoration:none;
					text-align:center;
				}
				.haut-rouge a:hover {
					color:#000000;
				}
				
				
				.bas-rouge{
					background-image:url("/data/images/trait-rouge2.png");	
					background-repeat:no-repeat;
					background-color:#eeeeee;
					background-position:left;
					margin:0 0 20px 0;
					width:100%;
					height:22px;
				}
				
				.article-bas {
					background-image:url("/data/images/article-bas.gif");	
					background-repeat:no-repeat;
					background-position:right;
					background-color:no;
					margin:0 0 25px 0;
					padding:5px 15px 0 0;
					height:17px;
					font-size:13px;
					color:#1a1a1a;
					text-align:right;
					font-weight:bold;
				}
				.article-bas a {color:#ad0400; text-decoration:none;}
				.article-bas a:visited {color:#ad0400; text-decoration:none;}
				.article-bas a:hover {color:#1a1a1a;}
				
				.article-bas2 {
					background-image:url("/data/images/article-bas.gif");	
					background-repeat:no-repeat;
					background-position:right;
					background-color:no;
					margin:0;
					padding:5px 15px 0 0;
					height:17px;
					font-size:13px;
					color:#1a1a1a;
					text-align:right;
					font-weight:bold;
				}
				.article-bas2 a {color:#ad0400; text-decoration:none;}
				.article-bas2 a:visited {color:#ad0400; text-decoration:none;}
				.article-bas2 a:hover {color:#1a1a1a;}
				
/*--------------------------------------------- CENTRE--------------------------------------------*/				
				#centre {
					float:left;
					margin:0 1px 8px 0;
					padding:8px 0 0 0;
					background-repeat:repeat-y;
					width:150px;
					background-color:#ffffff;
				}
				/*---------------------------------------------Titre rouge pour les boites --------------------------------------------*/
				.box-titre h1 {
					background-image:url("/data/images/titre-box.png");
					margin:0;
					padding:4px 0 0 5px;
					width:145px;
					height:30px;
					color:#ffffff;
					font-size:13px;
					text-align:left;
				}
				.box-titre h2 {
					background-image:url("/data/images/titre-box.png");
					margin:0;
					padding:4px 0 0 5px;
					width:145px;
					height:30px;
					color:#ffffff;
					font-size:10px;
					text-align:left;
				}
				/*---------------------------------------------boite jaune--------------------------------------------*/
				.box-jaune {
					background-color:#ffeab8;
					padding:0 0 8px 0;
					width:150px;
					font-size:12px;
					color:#1a1a1a;
				}
				.box-jaune h2 {font-size:13px; margin:5px;}
				.box-jaune p {margin:10px 5px 0 5px;}
				.box-jaune-separation {
					background-color:#ffffff;
					width:150px;
					height:1px;
				}
				.box-jaune a {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 0 0 5px;
					padding:8px 5px 8px 15px;
					color:#1a1a1a;
					text-decoration:none;
				}
				.box-jaune a:visited {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 0 0 5px;
					padding:8px 5px 8px 15px;
					color:#1a1a1a;
					text-decoration:none;
				}
				.box-jaune a:hover {
					text-decoration:underline;
				}
				/*---------------------------------------------boite orange--------------------------------------------*/
				.box-orange {
					background-image:url("/data/images/lien-centre-bg.jpg");
					background-repeat:repeat-x;
					background-position:bottom;
					background-color:#f2c897;
					width:150px;
					margin:0;
				}
				.box-orange a{
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 0 0 5px;
					padding:5px 5px 5px 15px;
					color:#1a1a1a;
					text-decoration:none;
				}
				.box-orange a:visited {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 0 0 5px;
					padding:5px 5px 5px 15px;
					color:#1a1a1a;
					text-decoration:none;
				}
				.box-orange a:hover {
					text-decoration:underline;
				}
				.box-orange-separation {
					background-color:#fbe7d0;
					width:150px;
					height:1px;
				}
				/*--------------------------------------------- btn fleche colone centre --------------------------------------------*/
				.btn-fleche {
					margin:1px 0 8px 0;
					width:150px;
					height:18px;
				}
				.btn-fleche  a {
					display:block;
					background-image:url("/data/images/btn-fleche.png");
					background-position:0 0;
					width:150px;
					height:18px;
					border:0px solid red;
					text-decoration:none;
				}
				.btn-fleche  a:visited {
					display:block;
					background-image:url("/data/images/btn-fleche.png");
					background-position:0 0;
					width:150px;
					height:18px;
					border:0px solid red;
					text-decoration:none;
				}
				.btn-fleche  a:hover {
					background-image:url("/data/images/btn-fleche.png");
					background-repeat:no-repeat;
					background-position:0px -18px;
					width:150px;
					height:18px;
				}
				/*---------------------------------------------Blog SORMAN--------------------------------------------*/	
				#blog{
					background-image:url("/data/images/blog-bg.jpg");
					background-repeat:repeat-y;
					margin:0 0 8px 0;
					width:150px;
					font-size:10px;
				}
				#blog h1 {
					background-image:url("/data/images/titre-box2.png");
					margin:0;
					padding:4px 0 0 5px;
					width:145px;
					height:30px;
					color:#ffffff;
					font-size:12px;
				}
				#blog p {margin:5px 15px 5px 15px; font-size:12px; color:#1d2828; text-align:left; font-weight:bold;}
				.blog-large {font-size:16px;}
				#blog a {
					display:block;
					background-image:url("/data/images/fleche-blanche.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 20px 0 15px;
					padding:5px 5px 5px 15px;
					color:#1a1a1a;
					text-decoration:none;
					border:0px solid red;
				}
				#blog a:visited {
					display:block;
					background-image:url("/data/images/fleche-blanche.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 20px 0 15px;
					padding:5px 5px 5px 15px;
					color:#1a1a1a;
					text-decoration:none;
					border:0px solid red;
				}
				#blog a:hover {font-size:10px; color:#ffffff; text-decoration:none;}
				
/*--------------------------------------------- DROITE--------------------------------------------*/				
				#droite{
					float:left;
					margin:0;
					padding:0;
					background-image:url("/data/images/droite-bg.jpg");	
					background-repeat:repeat-y;
					width:288px;
					background-color:#ffffff;
				}
				.droite-separation {
					background-image:url("/data/images/offre-separation.png");
					background-repeat:repeat-x;
					width:100%;
					height:2px;
				}
				
				/*---------------------------------------------Offre du mois--------------------------------------------*/
				
				#offre-du-mois{
					background-color:no;
					margin:auto;
					padding:7px 0 0 0;
					width:250px;
				}
				#offre-du-mois h1{margin:0 0 10px 0; text-align:left; font-size:18px; color:#ad0400;}
				#offre-du-mois h2{margin:0 0 0 5px; font-size:11px; color:#222e2e;}
				.btn-plus a {
					display:block;
					margin:auto;
					padding:2px 20px 0 0;
					background-image:url("/data/images/fleche-rond.png");
					background-position:right center;
					background-repeat:no-repeat;
					width:100px;
					height:12px;
					font-size:10px;
					color:#ad0400;
					text-decoration:none;
					text-align:right;
				}
				.btn-plus a:visited {
					display:block;
					margin:auto;
					padding:2px 20px 0 0;
					background-image:url("/data/images/fleche-rond.png");
					background-position:right center;
					background-repeat:no-repeat;
					width:100px;
					height:12px;
					font-size:10px;
					color:#ad0400;
					text-decoration:none;
					text-align:right;
				}
				.btn-plus a:hover {
					color:#167782;
				}
				/*---------------------------------------------BIBLIOTHEQUE--------------------------------------------*/
				.onglet-bg{
					/*background-image:url("/data/images/bibliotheque-bg.jpg");
					background-repeat:repeat-y;
					background-color:#ad0400;*/
					width:288px;
					height:38px;
					margin:0;
					border: 0px solid yellow;
					font-size:12px;
				}
				
				.onglet-separation1 {
					float:left;
					background-image:url("/data/images/onglet-separation1.jpg");
					width:10px;
					height:38px;
				}
				.onglet-separation2 {
					float:left;
					background-image:url("/data/images/onglet-separation2.jpg");
					width:10px;
					height:38px;
				}
				.onglet-separation3 {
					float:left;
					background-image:url("/data/images/onglet-separation3.jpg");
					width:10px;
					height:38px;
				}
				#publications {
					float:left;
					height:38px;
					width:68px;
					padding-left:2px;
				}
				#livres {
					float:left;
					height:38px; 
					width:38px;
					padding-left:2px;
				}
				#expertise {
					float:left;
					height:38px; 
					width:156px;
					padding-left:2px;
				}
				#agenda {
					float:left;
					height:38px;
					width:105px;
					padding-left:5px;
				}
				#abonnement {
					float:left;
					height:38px;
					width:163px;
					padding-left:5px;
				}
				.onglet a {
					float:left;
					/*display:blok;*/
					padding:10px 0 0 0;
					/*color:#ffffff;*/
					text-decoration:none;
				}
				.onglet a:visited {
					float:left;
					/*display:blok;*/
					padding:10px 0 0 0;
					/*color:#ffffff;*/
					text-decoration:none;
				}
				.onglet a:hover {
					float:left;
					/*display:blok;*/
					padding:10px 0 0 0;
					/*color:#ffffff;*/
					text-decoration:underline;
				}
				
				#prev a {
					display:block;
					margin:0;
					padding:0;
					background-image:url("/data/images/prev.png");
					width:17px;
					height:70px;
					text-decoration:none;
				}
				#prev a:visited {
					display:block;
					margin:0;
					padding:0;
					background-image:url("/data/images/prev.png");
					width:17px;
					height:70px;
					text-decoration:none;
				}
				#prev a:hover {
					display:block;
					margin:0;
					padding:0;
					background-image:url("/data/images/prev.png");
					width:17px;
					height:70px;
					text-decoration:none;
				}
				
				#next a {
					display:block;
					margin:0;
					padding:0;
					background-image:url("/data/images/next.png");
					width:17px;
					height:70px;
					text-decoration:none;
				}
				#next a:visited {
					display:block;
					margin:0;
					padding:0;
					background-image:url("/data/images/next.png");
					width:17px;
					height:70px;
					text-decoration:none;
				}
				#next a:hover {
					display:block;
					margin:0;
					padding:0;
					background-image:url("/data/images/next.png");
					width:17px;
					height:70px;
					text-decoration:none;
				}
				.miniature {
					display:block;
					margin:0 8px 0 8px;
					border:1px solid #1a1a1a;
					width:35px;
					height:50px;
					text-decoration:none;
				}
				
				#biblio-article h1{margin:0; text-align:left; font-size:12px; color:#ad0400;}
				#biblio-article h2{margin:0; text-align:left; font-size:12px; color:#1a1a1a;}
				#biblio-article p{margin:0; text-align:left; font-size:10px; color:#1a1a1a;}
				.biblio-article-rouge {color:#ad0400;}
				#biblio-article img{border:solid 1px #1a1a1a; margin:0 10px 0 0;}
				
				/*---------------------------------------------Le catalogue--------------------------------------------*/
				#catalogue{
					margin:auto;
					width:250px;
					font-size:11px;
					border:0px solid blue;
				}
				#catalogue h1{margin:20px 0 10px 0; text-align:left; font-size:18px; color:#ad0400;}
				
				.catalogue-separation {background-image:url("/data/images/catalogue-separation.jpg"); width:250px; height:1px;}
				
				#catalogue a {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0;
					padding:3px 5px 3px 15px;
					color:#1a1a1a;
					text-decoration:none;
				}
				#catalogue a:visited {
					display:block;
					background-image:url("/data/images/fleche-rouge.gif");
					background-repeat:no-repeat;
					background-position:left center;
					margin:0;
					padding:3px 5px 3px 15px;
					color:#1a1a1a;
					text-decoration:none;
				}
				#catalogue a:hover {
					color:#ad0400;;
				}
				
				/*--------------------------------------------- bas droite --------------------------------------------*/
				#droite-bas{
					background-image:url("/data/images/droite-bas.jpg");
					width:15px;
					height:50px;
				}
/*--------------------------------------------- LETTRE --------------------------------------------*/		
				#lettre-haut{
					clear:both;
					background-image:url("/data/images/lettre-haut.jpg");
					background-position:left;
					background-repeat:no-repeat;
					background-color:#0a1e18;
					width:1000px;
					height:18px;
				}
				
				#lettre{
					background-color:#91c9b6;
					width:1000px;
					padding:0;
				}
				#lettre a {color:#1a1a1a; text-decoration:none;}
				#lettre a:visited {color:#1a1a1a; text-decoration:none;}
				#lettre a:hover{color:#000000; text-decoration:underline;}
				
				.lettre-separation-h{background-color:#3e6257; width:1000px; height:1px;}
				.lettre-separation-v {background-image:url("/data/images/lettre-separation.jpg"); margin:0 5px 0 5px; width:17px; height:34px;}
				
/*--------------------------------------------- FOOTER --------------------------------------------*/				
				#footer{
					background-color:#0a1e18;
					padding:7px 0 0 0;
					width:1000px;
					height:22px;
					text-align:center;
					font-size:10px;
					color:#ffffff;
				}
				#footer a {color:#ffffff; text-decoration:none; border:0px solid yellow;}
				#footer a:visited { color:#ffffff; text-decoration:none; border:0px solid yellow;}
				#footer a:hover {color:#89c0ad;}