/* CSS Document */
/*.....Mise en page.....*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #eeeeee;
	text-align: center;
}

#conteneur {
	position: relative;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 807px;
	background-color: #FFFFFF;
	padding: 0;
	background: url(bandeau-centre.jpg) repeat-y;
}

#bandeau {
	background: url(bandeau-Haut.jpg) no-repeat;
	height: 151px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	width: 807px;
}

#logo {
	position: absolute;
	height: 120px;
	width: 144px;
	left: 20px;
	top: 3px;
	z-index: 2;
	background:  url("Logo.jpg") no-repeat;
}
/*
#picto{
	position: absolute;
	left: 612px;
	top: 26px;
	z-index: 3;
	background: url(Logo1.jpg) no-repeat;
	height: 97px;
	width: 180px;
}
*/
#picto{
	position: absolute;
	left: 575px;
	top: 12px;
	z-index: 3;
	background: url(Logo1a.jpg) no-repeat;
	height: 129px;
	width: 220px;
}
/*
#picto{
	position: absolute;
	left: 490px;
	top: 5px;
	z-index: 3;
	background: url(Logo1b.jpg) no-repeat;
	height: 123px;
	width: 306px;
}
*/
#lateral {
	width: 807px;
	height: auto;
	/*background: url(bandeau-centre.jpg) repeat-y;*/
}

#Titre {
	width: 647px;
	margin : 0px 2px 0px 0px;
	padding: 0 0 0 4px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #0073AA;
	text-align: left;
	font-variant: small-caps;
	background: /*#9ec7e5*/#dce2ec url(tentete.png) repeat-x top;
}

#Titre:first-letter {
	font-size: 18px;
	color: #2B69D0;
}


#corps {
	padding: 0 2px 0 2px;
	margin: 0px 0px 0px 146px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 663px;
}

#Ztexte {
	width: 100%;
	display: block;
	padding: 8px 0;
}

#footer {
	clear: both;
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(bandeau-Bas.jpg) no-repeat;
	height: 68px;
	width: 807px;
}

/*....Footer........*/

#firefox {
	margin-bottom: -5px;
}

#phpmyv {
	margin-bottom: -5px;
}

#RSS1 {
	margin-bottom: -5px;
}

/*.......Menu Haut......*/
#MenuHaut dl, #MenuHaut dd {
	margin: 0;
}

#MenuHaut {
	position: absolute;
	top: 102px;
	left: 166px;
	height: 23px;
	width: 400px;
}
#MenuHaut dd {
	float: left;
	/*padding-right: 14px;
	*/border-right: 1px solid #9bafde;
	width: 118px;
	height: 20px;
	line-height: 20px;
}

#MHAccueil, #MHPhotos, #MHRando {
	padding-top: 3px;
	/*padding-left: 28px;
	*/background-repeat: no-repeat;
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*border-top: 1px solid #039;
	border-bottom: 1px solid #039;*/
}

#MenuHaut a {
	display: block;
	clear: none;
	text-decoration: none;
	color: #036;
}

#MenuHaut a:hover {
	color: #0055AA;
}
#MenuHaut dd:hover {
	background: url(onglet2.jpg) no-repeat;
}

/*Menu Haut select*/
.MLSection {
	background-color: #6f8fa8/*#4771D1*/;
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left: 8px;
	width: 132px;
	height: 18px;
	line-height: 18px;
}

body#Accueil #MHAccueil{
	background: url(onglet1.jpg) no-repeat;
}
body#Accueil #MHAccueil a,
body#Accueil #MHAccueil a:hover {
	color: #2D5399;
	font-weight:bold;
}
body#Accueil #present {
	visibility: visible;
}
body#Accueil #randosortie, body#Accueil #aphotos {
	visibility: hidden;
	display: none;
}

body#Rando #MHRando{
	background: url(onglet1.jpg) no-repeat;
}
body#Rando #MHRando a,
body#Rando #MHRando a:hover {
	color: #2D5399;
	font-weight: bold;
	font-size: 14px;
}
body#Rando #randosortie {
	visibility: visible;
	}
body#Rando #present, body#Rando #aphotos {
	visibility: hidden;
	display: none;
}

body#Photo #MHPhotos{
	background: url(onglet1.jpg) no-repeat;
}
body#Photo #MHPhotos a,
body#Photo #MHPhotos a:hover {
	color: #2D5399;
	font-weight:bold;
}
body#Photo #aphotos {
	visibility: visible;
}
body#Photo #randosortie, body#Photo #present {
	visibility: hidden;
	display: none;
}

/*.....Menu Lateral.....*/

#menu {
	position: absolute;
	top: 150px; left: 0;
	width: 138px;
	padding: 0px;
	margin: 1px 0px 0px 1px;
	font: 11px Verdana,sans-serif;
	color: #000;
	text-align: left;
	z-index: 2;
}

#menu dl {
	margin: 0;
	padding: 0;
	display: block;
}

#menu dd {
	margin: 0;
	padding: 0;
}

#menu a {
	display: block;
	clear: none;
	text-decoration: none;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0em;
	padding-bottom: 0.4em;
	color: #006;
}

#menu a:hover, #menu dd:hover {
	font: 11px Verdana,sans-serif;
	background-color: #fff;
	color: #82a1cd;
	/*width: 121px;*/
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#smenu1, #smenu2, #smenu3  {
	position: relative;
	border: 1px solid #009;
	width: 130px;
	margin: 0;
	padding: 0;
	left: 4px;
	text-align: center;
 	background-color: #D2E4EE;
	font: 11px Verdana,sans-serif;
}

#smenu1 a,#smenu2 a,#smenu3 a{

}

#smenu2 a:hover, #smenu1 a:hover, #smenu3 a:hover{
	background-color: #fff;
	color: #82a1cd;
	/*width: 123px;*/
}

/*.....Colone.....*/

#ColonneG {
	width: 458px;
	float : left;
	/*border-right: 1px solid #000;*/
	padding-right: 4px;
}

#ColonneD {
	width: 190px;
	float : right;
	border-left: 1px solid #000;
}

#ColonneD1 {
	width: 190px;
	float : right;
}

/**/
.annulfloat {
	clear: both;
}

/*Position images*/

.imgG {
	padding: 3px;
	float: left;
	display: block;
}
.imgD {
	padding: 3px;
	float: right;
	display: block;
}

.Miniature {
	display: block;
	float: left;
	width: 280px;
	padding: 9px;
	text-align: center;
	line-height: 50%;
	height: auto;
}



/* bloc paragraphe */
.paragraphe, .paragrapheJ, .paragrapheD, .paragrapheG, .paragraphe_p, .paragrapheG1, .paragrapheD1, .paragraphe_ign, 
.Newphotos, .Programme {
	background: #DDE3EC url(pentete.png) repeat-x top/*d1e9fd*/;
	border: 1px solid #999da5;
	padding: 4px;
	width: 96%;
}

.paragrapheJ {
	text-align:justify;
}

.paragrapheD {
	float: right;
	width: 48%;
}

.paragrapheG {
	float: left;
	width: 48%;
}

.paragraphe ul, .paragraphe li {
	margin: 4px 4px 4px 20px;
	padding: 0;
}

.paragraphe_p {
	background: #DDE3EC/*d1e9fd*/ url(album_photo.png) no-repeat bottom right !important;
	background: #DDE3EC/*d1e9fd*/ url(album_photo.gif) no-repeat bottom right;/*IE Beurk*/
}

.paragrapheG1 {
	float: left;
	width: 48%;
	background: #DDE3EC/*d1e9fd*/ url(album_photo1.png) no-repeat bottom right !important;
	background: #DDE3EC/*d1e9fd*/ url(album_photo1.gif) no-repeat bottom right;/*IE Beurk*/
	height: 74px;
}

.paragrapheD1 {
	float: right;
	width: 48%;
	background: #DDE3EC/*d1e9fd*/ url(blocnote1.png) no-repeat bottom right !important;
	background: #DDE3EC/*d1e9fd*/ url(blocnote1.gif) no-repeat bottom right;/*IE Beurk*/
	height: 74px;
}

.paragraphe_ign {
	background: #DDE3EC/*d1e9fd*/ url(carte_IGN.png) no-repeat bottom right !important;
	background: #DDE3EC/*d1e9fd*/ url(carte_IGN.gif) no-repeat bottom right;/*IE Beurk*/
}

.Avertissement {
	background: #FFFF66;
	border : 2px solid red;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF0000;
}

.Newphotos {
	background: #DDE3EC/*d1e9fd*/ url(album_photo1.png) no-repeat bottom right !important;
	background: #DDE3EC/*d1e9fd*/ url(album_photo1.gif) no-repeat bottom right;/*IE Beurk*/
	height: 74px;
}

/*.Programme {
	background: #DDE3EC url(blocnote1.png) no-repeat bottom right !important;
	background: #DDE3EC url(blocnote1.gif) no-repeat bottom right;/*IE Beurk
	height: 100px;
}*/

.Programme {
	background: #DDE3EC url(../programme.jpg) no-repeat bottom right;
	height: 100px;
}

/*balises reformates*/
h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#009;
	border-bottom: 1px dotted #009;
	width: 651px;
}

.Ptitre {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#000066;
	border-bottom: 1px solid #000066;
	width: 644px;
}

.Ptitre:first-letter {
	font-weight: bold;
	font-size: 18px;
	color:#0033CC;
}

.PStitre {
	font: bold 12px Arial, Helvetica, sans-serif;
}

.Annotation {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
	font-style: italic;
}

/*Liens */

a.legal {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}

a.legal:hover {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}

#footer a.Mail {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

#footer a.Mail:hover {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

a.Hautpage {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 14px;
	background: url(page-up.gif) no-repeat right;
}

a.Hautpage:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 14px;
	background: url(page-up.gif) no-repeat right;
}


a.link {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background:  url("../shared/ico_go1.png") no-repeat right;
}

a.link:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background:  url("../shared/ico_go1.png") no-repeat right;
}

a.link1 {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}

a.link1:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}

a.link2 {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.link2:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.link3 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.link3:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.mail {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

a.mail:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

a.pdf {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_pdf.png) no-repeat right;
}

a.pdf:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_pdf.png) no-repeat right;
}

a.photo {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_photo.png) no-repeat right;
}

a.photo:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_photo.png) no-repeat right;
}

a.web {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_web.png) no-repeat right;
}

a.web:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_web.png) no-repeat right;
}

a.telecharge {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_telecharge.png) no-repeat right;
}

a.telecharge:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_telecharge.png) no-repeat right;
}

a.detail {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_detail.png) no-repeat right;
}

a.detail:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_detail.png) no-repeat right;
}



/*tableau*/
.table1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding : 2px;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #009;
	text-align: center;
}

.table1 tr, .table1 td, .table1 th {
	border-collapse: collapse;
	border: 1px solid #009;
	text-align: center;
}

.table1 th {
	background-color: #d1e9fd;
}

.table2 {
	background: #DDE3EC url(../images/skin02/pentete.png) repeat-x top;
	border: 1px solid #999da5;
}

.BorderR {
	border-right: 1px solid #999da5;
}

.BorderL {
	border-left: 1px solid #999da5;
}

/*formulaire*/
#Avis input {
	font:10px Arial, Helvetica, sans-serif;
	color: #009;
	border: 1px solid #000;
	background-color: #DDE3EC;
}

#Avis textarea {
	font:10px Arial, Helvetica, sans-serif;
	color: #009;
	border: 1px solid #000;
	background-color: #DDE3EC;
}

#Avis select {
	font:10px Arial, Helvetica, sans-serif;
	color: #009;
	border: 1px solid #000;
	background-color: #DDE3EC;
}

#Avis .bouton {
	font:10px Arial, Helvetica, sans-serif;
	color: #009;
	border: 1px solid #999da5;
	background-color: #DDE3EC;
}

#Avis .bouton:hover {
	font:10px Arial, Helvetica, sans-serif;
	color: #009;
	border: 1px solid #000;
	background-color: #6699FF;
}

#Avis fieldset {
	background-color: #DDE3EC;
	border: 1px solid #999da5;
	padding: 4px;
	width: 634px;
}

#Avis legend {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #009;
}


/*calendrier*/
#calendar{ border: 1px solid #001259; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; border-collapse: collapse;}
#calendar td { /*border: 1px solid #001259;*/ border-collapse: collapse;}
/*#calendar .jour { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color:#000066;font-weight: bold;}
#calendar .mois { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff;font-weight: bold; background-color: #6e70ff}
#calendar .jjour { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff;font-weight: bold; background-color: #000179}*/

#calendar .titremois  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #001259; /*background: #DFDFFF;*/ }
/*#calendar .titremois:link  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #ffffff; background: #1C2D67; text-decoration: none }
#calendar .titremois:visited  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #ffffff; background: #1C2D67; text-decoration: none }
#calendar .titremois:hover  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #ececff; background: #1C2D67; text-decoration: none }*/
#calendar .today  { font-family: Helvetica, Arial; font-size: 11px; font-weight: bold; color: #000066; /*background: #DFDFFF;*/ text-decoration: none }
#calendar .today:link  { font-family: Helvetica, Arial; font-size: 11px; font-weight: bold; color: #000066;/* background: #DFDFFF;*/ text-decoration: none }
#calendar .today:visited  { font-family: Helvetica, Arial; font-size: 11px; font-weight: bold; color: #000066; /*background: #DFDFFF;*/ text-decoration: none }
#calendar .today:hover  { font-family: Helvetica, Arial; font-size: 11px; font-weight: bold; color: #ececff; background: #1C2D67; text-decoration: none }

#calendar .titrejours  { font-family: Helvetica, Arial; font-size: 9px; color: #00008B; background: #DFDFFF; }
#calendar .titrenum  { font-family: Helvetica, Arial; font-size: 11px; color: #00008B; background: #DFDFFF; }
#calendar .titrenum2  { font-family: Helvetica, Arial; font-size: 11px; color: #000000; background: #A6A9FF; }
#calendar .titreweek  { font-family: Helvetica, Arial; font-size: 9px; color: #FFFFFF; background: #1C2D67; }
#calendar .titreweek2  { font-family: Helvetica, Arial; font-size: 11px; color: #FFFFFF; background: #1C2D67; }
#calendar .titrewend  { font-family: Helvetica, Arial; font-size: 11px; color: #EAEBFF; background: #5060A0; }
#calendar .titrewend2  { font-family: Helvetica, Arial; font-size: 11px; color: #000000; background: #9197FF; }
#calendar .titrenow  { font-family: Helvetica, Arial; font-size: 11px; color: #00008B; background: #90A0E0; font-weight: bold; }
#calendar .titreferier  { font-family: Helvetica, Arial; font-size: 9px; color: #FFFFFF; background: #4682b4;}


/*ephemeride*/
.tableephe {border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-collapse: collapse}
.tableephe td {border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-collapse: collapse}
.tableephe th {border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-collapse: collapse}
.entete { font-weight: bold; color: #FFFFFF; padding: 2px 2px 2px 2px; border: 1px solid #000000; height: 15px; background: transparent url(../../shared/images/entete.gif);}
.textedate {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4848AB; font-weight: bold;}
.textefete {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #2A2B64; font-weight: bold;}

/*Meteo*/
.Meteo {
	border: 1px solid #000;
	border-collapse: collapse;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#BED0FA;
}

.Meteo_ville {
	font-weight: bold;
	color: #FFFFFF;
	background-color:#5F6F9E;
}
.Meteo_date {
	font-weight: bold;
	color: #000033;
	border-bottom: 1px solid #000;
}
.Meteo_periode {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000066;
}
.Meteo_contour1 {
	border-bottom: 1px solid #000;
}
.Meteo_contour2 {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}  
.Meteo_contour3 {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#RPP {
	position: absolute;
	height: 352px;
	width: 230px;
	left: 1px;
	/*top: bottom;
	*/z-index: 10;
	background:  url("../RPP.jpg") no-repeat;
}


/* Barre navigation par numero de page*/
.numpage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}
.contour002 {
	border: 1px solid #000000;
	padding: 2px 2px 2px 2px;
}
a.lfoliot:link{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}
a.lfoliot:active{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	}
a.lfoliot:visited{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}
a.lfoliot:hover{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}