BODY {
	MARGIN: 0px; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: white
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #1a3ca8; FONT-FAMILY: Verdana
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #1a3ca8; FONT-FAMILY: Verdana
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #1a3ca8; FONT-FAMILY: Verdana
}
LI {
	LIST-STYLE-IMAGE: url(/Images/arrow.gif)
}
#tblSearch TD {
	FONT-SIZE: small; COLOR: black
}
LEGEND {
	FONT-SIZE: small
}
#Content {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 10pt
}
#AckMessage {
	BORDER-RIGHT: red 2px dashed; PADDING-RIGHT: 7px; BORDER-TOP: red 2px dashed; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; BORDER-LEFT: red 2px dashed; COLOR: red; PADDING-TOP: 7px; BORDER-BOTTOM: red 2px dashed; HEIGHT: 30px; BACKGROUND-COLOR: #ffffcc
}
#NewsTable {
	xbackground-color: Black
}
.NewsRotatorLeft {
	BORDER-TOP: rgb(136,26,3) 5px solid; COLOR: rgb(136,26,3); BORDER-BOTTOM: rgb(136,26,3) 5px solid
}
.NewsRotatorRight {
	COLOR: rgb(136,26,3); BORDER-BOTTOM: rgb(136,26,3) 5px solid
}
.NewsHappenings {
	COLOR: rgb(136,26,3); FONT-FAMILY: Times New Roman
}
.HappeningsArticle H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN-BOTTOM: 5px; COLOR: rgb(250,250,250); FONT-FAMILY: Arial
}
.HappeningsArticle P {
	MARGIN-TOP: 5px; FONT-SIZE: 10pt
}
.HappeningsArticle {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 10pt; PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 250px; COLOR: silver; PADDING-TOP: 5px; FONT-FAMILY: Arial; HEIGHT: 400px; xbackground-color: rgb(0,0,0)
}
.rightcoloumn {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1543A1,endColorStr=white)
}
.HappeningsArticle A {
	COLOR: white
}
#ManageMyBreadcrumb {
	FONT-SIZE: xx-small; MARGIN: 7px
}


	
					
/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); 
border:0;}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }


.retrait1 {
	
	margin-left: 10px;
	padding-left: 30px;
}
.retrait2 {

	margin-left: 10px;
	padding-left: 60px;
}
.retrait3 {

	margin-left: 10px;
	padding-left: 90px;
}

.home{
	background-image: url(../../images/fond_home.jpg);
	background-repeat: no-repeat;
}

.fond1{
	background-image: url(../../images/fond1.jpg);
	background-repeat: no-repeat;
}

.fond2{
	background-image: url(../../images/fond2.jpg);
	background-repeat: no-repeat;
}

.fond3{
	background-image: url(../../images/fond3.jpg);
	background-repeat: no-repeat;
}
.fond4{
	background-image: url(../../images/fond4.jpg);
	background-repeat: no-repeat;

}
.fond5{
	background-image: url(../../images/fond5.jpg);
	background-repeat: no-repeat;
}

.fond6{
	background-image: url(../../images/fond6.jpg);
	background-repeat: no-repeat;
}
.fond7{
	background-image: url(../../images/fond7.jpg);
	background-repeat: no-repeat;
}
.fond8{
	background-image: url(../../images/fond8.jpg);
	background-repeat: no-repeat;
}
.fond9{
	background-image: url(../../images/fond9.jpg);
	background-repeat: no-repeat;
}
.fond10{
	background-image: url(../../images/fond10.jpg);
	background-repeat: no-repeat;
}
.fond11{
	background-image: url(../../images/fond11.jpg);
	background-repeat: no-repeat;
}
.fond12{
	background-image: url(../../images/fond12.jpg);
	background-repeat: no-repeat;
}
.fond13{
	background-image: url(../../images/fond13.jpg);
	background-repeat: no-repeat;
}
.fond14 {
	background-image: url(../../images/fond14.jpg);
	background-repeat: no-repeat;
}

.fondlin {
	background-image: url(../../images/fond_lin.jpg);
	background-repeat: no-repeat;
}
.fondcachemire {
	background-image: url(../../images/fond_cachemire.jpg);
	background-repeat: no-repeat;
}
.fondsoie {
	background-image: url(../../images/fond_soie.jpg);
	background-repeat: no-repeat;
}
.fondlaine {
	background-image: url(../../images/fond_laine.jpg);
	background-repeat: no-repeat;
}
.fondalpaga{
	background-image: url(../../images/fond_alpaga.jpg);
	background-repeat: no-repeat;
}

.fondramie{
	background-image: url(../../images/fond_ramie.jpg);
	background-repeat: no-repeat;
}
.fondligne{
	background-image: url(../../images/ligne.jpg);
	background-repeat: no-repeat;
}
.fondmousse{
	background-image: url(../../images/fond_mousse.jpg);
	background-repeat: no-repeat;
}
.fondmohair{
	background-image: url(../../images/fond_mohair.jpg);
	background-repeat: no-repeat;
}
.fondtissu{
	background-image: url(../../images/fond_tissu.jpg);
	background-repeat: no-repeat;
}
.fondlatex{
	background-image: url(../../images/fond_latex.jpg);
	background-repeat: no-repeat;
}
.fiche{
	background-image: url(../../images/fiche.jpg);
	background-repeat: no-repeat;
}

.maliss{
	background-image: url(../../images/maliss.jpg);
	background-repeat: no-repeat;
}


.arial11Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.arial14Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	line-height: 21px;
}
.arial13Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 18px;
}


.arial11Rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dc1f33;
	line-height: 18px;
}

.chapeau1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #dc1f33;
	line-height: 21px;
}
.chapeau2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #dc1f33;
	line-height: 21px;
}
.arial11Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: dc1f33;
	background-position: center;
	padding: 5px;
	text-align: center;
}
.gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D4D4D4;

}
a{
	color: #dc1f33;
	text-decoration: none;
	position: relative;z-index: 1;
	
}
a:hover{
	
	color: #b30b1c;
}

.lien1{
	color: #000000;
	text-decoration: none;
	position: relative;z-index: 1;
	
}
.lien1:hover{
	
	color: #dc1f33;
}
.petit{
	color: #999999;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 10px;
	
}

.lienpetit{
	color: #999999;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 10px;
	
}
.lienpetit:hover{
	
	color: #dc1f33;
}

.lienpetitrouge{
	color: #dc1f33;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 10px;
	
}
.lienpetitrouge:hover{
	
	color: #999999;
}
.petitblanc{
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 10px;
	
}

.lienblanc{
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	z-index: 1;

	
}
.lienblanc:hover{
	
color: #dc1f33;
}

.tableactu{

	background-image:url(../../images/blanc70.png)!important;
	background-image:url(../BuildingAuthority_fichiers/no-image);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='blanc70.png');
	/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
	height:80px;
	width:200px;
	background-repeat: repeat;

}

.tableblanc20{

	background-image:url(../../images/blanc20.png)!important;
	background-image:url(../BuildingAuthority_fichiers/no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='blanc20.png');
	/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
	
	background-repeat: repeat;

}

#nav {
	float: right;
	width:824px;
	margin-top: 10px;
}
#retouraccueil{
	float: left;
	height: 153px;
	width: 153px;
}


/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	
	 }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in {
	color: #dc1f33;
} /* liens internes */
a.spip_out {
	color: #dc1f33;
} /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */


a.info_bulle
{
	color           : #941421;
	text-decoration : none;
	padding         : 10px 10px 10px 10px; /*Définition des marges intérieures de notre lien */
	/* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
	position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */
	color: #dc1f33;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}  
 
a.info_bulle:hover 
{
	border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
	/*background-color: #FFFFFF;*/
	 z-index:5;
} 

/* Rend invisible tout notre bloc span */
a.info_bulle span.info_bulle 
{
	position   :  absolute;
	top        :  -2000em;
	left       :  -2000em;
	width      :  1px;
	height     :  1px;
	overflow   :  hidden;
	background-color: #FFFFFF;
	  z-index:10;

} 

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active span.info_bulle
{
  top        :  auto;
  left       :  220px;
  width      :  220px;
  height     :  auto;
  overflow   :  visible;

} 
span.header
{
   display         : block; 
   height          : 20px;  /* Hauteur correspondant à celle de notre image */
   line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
  padding     : 0 8px;
   background      : transparent url('./top.gif') no-repeat 0 0; 
   font-size       : 13px; 
   font-weight     : bold;
} 

span.content
{
	display     : block;
	padding     : 0 8px;
	background-color: #FFFFFF;
	
	background-repeat: repeat-y;
	 
 
} 

span.footer
{
   display     : block; 
   height      : 5px; 
   background  : url('./bot.gif') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}