/* COULEURS */
/* couleur3: #84903e */
/*  couleur2 : 26326c */
/* couleur1 : a51e2c */


/* LAYOUT */
body { background: url(../images/css/bg_body.png) left top repeat-x; width: 100%; }
body.soussite { background: url(../images/css/bg_body_soussite.png) left top repeat-x; width: 100%; text-align: center  }
body.soussite.regionales { background: url(../images/css/bg_body_soussite.png) left top repeat-x; width: 100%; text-align: center  }
/* conteneur global */
#centre { margin: 0 auto; width: 963px; }
#global { float: left; background: url(../images/css/bg_global.png) left top repeat; text-align: left }

/* HEADER */

legend {
  display: none;
}
label  {
  display: none;
}
#header { margin: 3px 5px 0 5px; width: 952px; height: 168px; }
body.soussite.regionales #header { margin: 3px 5px 0 5px; width: 952px; height: 132px; }
#header .headerTop { margin-top: 0; height: 132px; background:url(../images/css/bg_header.jpg) left top no-repeat; position: relative; }
#header .headerTop #logo { position: absolute; top: 38px; left: 25px;}
#header .headerTop ul { position: absolute; top: 9px; right: 190px; }
#header .headerTop ul li { display: inline; color: #fff; }
#header .headerTop ul li a { font: 11px normal Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; }

body.soussite #global #header .headerTop { margin-top: 0; height: 132px; background:url(../images/css/bg_header_sous-site.jpg) left top no-repeat; position: relative; }

body.soussite.regionales #global #header .headerTop { margin-top: 0; height: 132px; background:url(../images/css/bg_header_sous-site2010.gif) left top no-repeat; position: relative; }

body.soussite.regionales .question.texte {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10pt;
font-weight:bold; }
body.soussite h1.regionales {
color:#336699;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:130%;
font-weight:bold;
margin:0;
padding-bottom:0;
text-decoration:none;
word-spacing:normal;
}
body.soussite #global #header .headerTop #logo { position: absolute; top: 35px; left: 647px; }
body.soussite #global #header .headerTop ul li, body.soussite #global #header .headerTop ul li a { color: #242c6a; }


#header .headerTop form { position: absolute; top: 5px; right: 12px; float: right}

#header #search #searchText { width: 143px; height: 11px; padding: 3px 0 5px 5px; border-top: 1px solid #81807e; border-left: 1px solid #81807e; border-right: 1px solid #2d5c92; border-bottom: 1px solid #2d5c92; color: #1f2854; font: 11px normal Arial, Helvetica, sans-serif; }
#header #search .ok { margin-bottom: -1px;}
.ok { width: 22px; height: 21px; background: url(../images/css/btn_search.png); border: 0; cursor: pointer; }

.menuTop { float: left; clear: both; margin: 3px 3px 0 0; width: 951px; height: 35px; background:url(../images/css/bg_menuTop.png) left top repeat; }
.menuTop hr { clear: both; height: 1px; margin: 1px 0 1px 0; padding: 0; color: #c2c1cf; background-color: #c2c1cf; border: 0; }
.menuTop ul { float: left; clear: none; margin-left: 11px; }
.menuTop ul li { float: left; clear: none; color: #fff; }
.menuTop ul li.unafor a {background:url(../images/css/bg_menuTop_unafor.gif) left top repeat;}
.menuTop ul li.intradoc a {background:url(../images/css/bg_menuTop_intradoc.png) left top repeat;}
.menuTop ul li.separate { display: none; }
.menuTop ul li a { display: block; padding: 1px 9px 5px 9px;  width:auto;  height: 18px; font: 10px bold Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; vertical-align: middle; border-top: 1px solid transparent; border-left: 1px solid #9b8570;border-right: 1px solid #9b8570; line-height: 11px; margin: 6px -1px 0 0; }
.menuTop ul li ul a {text-transform: none; width:auto;  }
.menuTop ul li a:hover { border: 1px solid #fff; background: url(../images/css/bg_menuTop-on.png); height: 17px; }
#menu ul { /* all lists */
	padding: 0;
	margin: 0 0 0 11px;
	list-style: none;
	line-height: 1;
}

#menu a {
	display: block;
	
}
#menu li { /* all list items */
	float: left;
	
}

#menu li ul { /* second-level lists */
	position: absolute;
	z-index: 55555;
	background: #203167;
	margin-left: 0;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li ul ul {
	margin: -30px 0 0 12em;
	width: 13em;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
 	margin: -32px 0 0 200px;
	padding-bottom: 3px;
	text-decoration:none;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width:200px;
	text-decoration:none;

}
#menu ul ul a {
	display: block;
	width:200px;
    border: 1px solid transparent; 
	font-size:11px;
	height:auto;
	padding-bottom: 3px;
	padding-top:3px;
	margin-top:-2px
}
#menu ul ul a:hover {
    border: 1px solid #fff;
	width: 180px;
	height:auto;
	padding-bottom: 3px;
	padding-top:3px;
	margin-top:-2px
}

.menuTop a.rss  { float: right; clear: none; margin: 11px 18px 9px 0; }
body.soussite #global #header .headerTop a.rss  { float: right; clear: none; margin: 144px 27px 0 0; }
.menuTop.sondage ul { float: left; clear: none; margin: 11px 0 0 11px; text-transform: uppercase }

/* CONTENU CENTRAL */
#contenu { float: left; margin: 4px 6px auto 6px; padding: 7px 10px 0 6px; width: 934px; background: #fff url(../images/css/bg_contenu.png) left top repeat-x; position: relative; }
body.soussite #global #contenu { float: left; margin: 4px 6px auto 6px; padding: 7px 10px 0 6px; width: 934px; background: #fff url(../images/css/bg_contenu_sous-site.jpg) left top no-repeat; position: relative; }
body.soussite.regionales #global #contenu { float: left; margin: 4px 6px auto 6px; padding: 7px 10px 0 6px; width: 934px; background: #fff  left top no-repeat; position: relative; }
.bloc2col {clear: both; float: left; padding-right: 15px; width: 600px; background: #dcdddf; border: 1px solid #c5c5c5; }
.sidebar.left { clear: both; float: left;margin-right: 10px; width: 180px; }
.colCenter.home { float: left;  margin: 10px 0 0 0; padding: 10px 9px 11px 14px; width: 402px; border: 1px solid #c6c6c6; }
.colCenter { float: left;  margin: 10px 0 0 0; padding: 0 0 11px 0; width: 425px; border: 0 }
.colCenter.wide { float: left; width: 744px; }
.sidebar.right { float: right; margin: 10px 0 0 10px; width: 307px; /* position: absolute; top: 7px; right: 5px; */ }

.pagination { text-align:center; }
.lien_pagination {border: 1px solid rgb(211, 211, 211); padding: 0px 2px;
 margin-left: 4px; text-align: center; height: 18px; text-decoration:none}
.on {border: 1px solid rgb(211, 211, 211); padding: 0px 2px;
 margin-left: 4px; text-align: center; height: 18px; text-decoration:none; font-weight:bolder; background-color:#DCDDDF;}

/* FOOTER */
#footer { float: left;  width: 100%; height: 104px; background: #25326c; text-align: center; color: #fff; position: relative; margin-top: 30px; }
#footer a { text-decoration: none; color: #fff }
#footer ul li { display: inline }
#footer ul.top li a { font-weight: bold;}
#footer ul.top { margin-top: 24px; margin-bottom: 3px}
#footer ul { margin-top: 0; margin-bottom: 6px}
#footer p { margin: 2px auto}
#footer .rss { position: absolute; right: 48px; top: 58px;}

/* HOME COLONNE GAUCHE */
.bloc2col { float: left; clear: both; color: #10193e; }
.bloc2col .illustration { float: left; margin: 8px 16px 8px 9px; border: 1px solid #c4c6c6 }
.bloc2col h2 { margin-top: 8px; font-size: 160%; color: #25326c; background: none; }
.bloc2col h2 a { font-size: 100%; color: #25326c; text-decoration: none; }
.bloc2col .date { display: block; margin: 8px auto 5px auto; font-style: italic; }
.bloc2col q, .bloc2col .highlight { color: #276da9; quotes: none}
.bloc2col .highlight { text-decoration: underline; }
.bloc2col p { margin:0px 0px 8px 9px; }
.bloc2col a { color: #10193e; text-decoration: none; }

.sidebar.left .bloc { float: left; margin-top: 10px; padding: 12px 9px 10px 9px; width: 162px; }
.sidebar.left .bloc.bgcolor { background: #24528d; color: #fff }
.sidebar.left .bloc.bgcolor h2 { margin-top: 8px; }
.sidebar.left .bloc.bgcolor form label { display: block; margin-bottom: 7px; }

.sidebar.left .bloc.liens { padding: 0; }
.sidebar.left .bloc.liens h2 { margin: 0 0 5px 0; padding-left: 16px; width: 162px; background: #e6e5eb url(../images/css/bg_leftMenu.png) 4px 3px no-repeat; vertical-align: middle; font-size: 12px; color: #12315b; font-weight: bold; text-decoration: none; text-align: left; }
.sidebar.left .bloc.liens h2 a { display: block; font-size: 12px; color: #12315b; font-weight: bold; text-decoration: none; }
.sidebar.left .bloc.liens h2 a span { font-style: italic; font-weight: normal;}
.sidebar.left .bloc.liens h2.budgets a { background:  url(../images/css/picto_budget.png) 145px center no-repeat; line-height: 30px;}
.sidebar.left .bloc.liens h2.intradoc a { background: url(../images/css/picto_budget.png) 145px center no-repeat; line-height: 30px;}
.sidebar.left h2.formations a { background: url(../images/css/picto_logo.png) 108px 2px no-repeat; line-height: 30px;}
.sidebar.left h2.espace a { background: url(../images/css/picto_espaceAdherents.png) 135px center no-repeat; line-height: 30px;}
.sidebar.left h2.offres a { background: url(../images/css/picto_offres.png) 142px center no-repeat; line-height: 30px;}
.sidebar.left .agenda h2 span { display: block; padding-top: 8px; background: url(../images/css/picto_calendrier.png) 140px 8px no-repeat}

.sidebar.left .bloc.agenda { padding: 0; width: 178px; border: 1px solid #c4c6c6; }
.sidebar.left .bloc.agenda h2 { margin: 0 0 5px 0; padding-left: 16px; width: 162px; height: 30px; background: #e6e5eb url(../images/css/bg_leftMenu.png) 4px 3px no-repeat; vertical-align: middle; font-size: 12px; color: #12315b; font-weight: bold; text-decoration: none; }
.sidebar.left .bloc.agenda p, .sidebar.left .bloc.agenda .date { margin: 0 9px; color: #233567 }
.sidebar.left .bloc.agenda p strong { display: block; width: 90%; }
.sidebar.left .bloc.agenda .date { color: #276da9; font-style: italic }
.tous { float: right; margin: 0 10px 10px 0; display: block; padding-left: 12px; background:url(../images/css/picto_fleche_petite.png) left 5px no-repeat; line-height: 18px; color: #266dab; text-decoration: underline; vertical-align: middle }

.sidebar.left .bloc.partenariats hr { clear: both; height: 1px; margin: 1px 0 1px 0; padding: 0; color: #c2c1cf; background-color: #c2c1cf; border: 0; }
.sidebar.left .bloc.partenariats { border: 1px solid #c4c6c6; width: 160px; position: relative;}
.sidebar.left .bloc.partenariats h2 { margin-bottom: 10px; font: bold 10px Georgia, sans-serif; text-transform: uppercase; color: #a51e2c; }
.sidebar.left .bloc.partenariats p { padding: 5px 0; color: #25326c; clear: both; position: relative; }
.sidebar.left .bloc.partenariats p img { float: left; clear: none; margin: 0 10px 0 0; }
.sidebar.left .bloc.partenariats p.gros img {  clear: none; float:none; margin:0px; }
.sidebar.left .bloc.partenariats p strong { float: left; clear: none; }
.sidebar.left .bloc select { width: 135px; height: 18px}
.sidebar.left .bloc p a { color: #25326c; text-decoration: none; }
.sidebar.left .bloc p a:hover strong { text-decoration: underline !important; }

.go { margin-bottom: -1px; width: 22px; height: 21px; background: url(../images/css/btn_go.png); border: 0; cursor: pointer; }
.sidebar.left .bloc.partenariats p img.illustration { float: left; clear: right; margin: 0 0 5px 0;  }

/* HOME COLONNE CENTRE */
.colCenter { color: #12315c; }
.colCenter h2 { clear: both; margin-bottom: 0; padding: 9px 0 0 0; /*width: 387px;*/ height: 21px; background: #24528d; font: bold 10px georgia, sans-serif; color: #fff; text-transform: uppercase }
.colCenter.home h2 {margin-bottom: 13px; padding: 9px 0 0 13px;}
.colCenter h2.pict { padding: 0 0 0 13px; /*width: 387px;*/ height: 21px; background: #24528d; font: bold 10px georgia, sans-serif; color: #fff; text-transform: uppercase }
.colCenter h3 a { font-size: 130%; color: #246eab; text-decoration: none; }
.colCenter h3.pict { padding-left: 15px;color: #246eab; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-transform: uppercase; background: url(../images/css/h3_pict.png) left center no-repeat; }
.colCenter h3.pict a { color: #246eab; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-transform: uppercase; }
.colCenter .bloc p a { color: #25326c; text-decoration: none; }
.colCenter .date { font-style: italic; color: #246eab; }
.colCenter a.block { display: block; margin-bottom: 12px; width: 100%; text-decoration: none; font-weight: bold; color: #12315c; }
.colCenter strong.block { display: block; margin-bottom: 12px; width: 100%; }
.colCenter hr { clear: both; height: 1px; margin: 15px 0 4px 0; padding: 0; color: #c2c1cf; background-color: #c2c1cf; border: 0; }
.colCenter .plus { float: right; margin: 6px 2px 18px 0; display: block; padding-left: 23px; background:url(../images/css/bg_plus.png) left top no-repeat; width: 105px; line-height: 18px; color: #fff; text-decoration: underline; vertical-align: middle }

/* rubrique */
.colCenter.rubrique.contentTable {width: 744px;}
.colCenter.rubrique .blocs .bloc h3 a,
.colCenter.rubrique .blocs .bloc p a {color: #25326c; text-decoration: none; font-size: 100%; text-decoration: none; }
.colCenter.rubrique.contentTable .blocs .bloc h3 a { font-size: 130%; color: #246eab; text-decoration: none; }
.colCenter.rubrique .blocs .bloc h3 a:hover,
.colCenter.rubrique .blocs .bloc p a:hover { text-decoration: underline; }

p.pointilles { background: url(../images/css/pointilles.jpg) left bottom no-repeat; margin: 0 0 7px 2px; padding-bottom: 9px; position: relative; }
p.pointilles strong.block { margin-bottom: 0; } 
p.pointilles span.word { display: block; background: url(../images/css/picto_word.png) left top no-repeat; width: 19px; height: 19px; position: absolute; right: 10px; top: 5px; }
p.pointilles span.pdf { display: block; background: url(../images/css/picto_pdf.png) left top no-repeat; width: 28px; height: 29px; position: absolute; right: 10px; top: 5px; }

/* RUBRIQUE COLONNE CENTRE */
.colCenter h2.rub { margin-bottom: 0; padding-left: 15px;color: #246eab; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-transform: uppercase; background: url(../images/css/h3_pict.png) left center no-repeat; }
.colCenter .illustration { float: left; margin: 0 10px 0 0; border: 1px solid #c4c6c6 }
body.soussite.regionales .colCenter .illustration { float: left; margin: 0 10px 5px 0; border: 1px solid #c4c6c6 ; top }
.colCenter .bloc.top p {margin-top:10px;}
.colCenter .bloc.top img.illustration { float: left; }
.colCenter .bloc.top h2.top, body.soussite .colCenter h2.top { clear: none; margin-top: 0; padding-top: 0; height: auto; font: bold 160% "trebuchet MS", arial, sans-serif;  color: #25326c; background: none; border: 0; }
.colCenter .bloc.top h2.top a, body.soussite .colCenter h2.top a { color: #25326c; text-decoration: none; }
.colCenter .bloc.top { border: 1px solid #c5c5c5; background: #dcdddf; margin-bottom: 10px; padding: 15px; }
body.soussite .colCenter .bloc.top {padding: 15px;  }
body.soussite .colCenter .bloc.top.videos {background: #ffffff;}
.colCenter .bloc.top a {color:#276DA9; text-decoration:underline;}
.colCenter .blocs { float: left; border: 1px solid #c5c5c5; background: #fff; padding: 0 15px 15px 15px; width: 394px }
.colCenter.contentTable .blocs {width: 714px ; padding-top:10px;}

.colCenter.wide .blocs { float: left; border: 1px solid #c5c5c5; background: #fff; padding: 0 15px 15px 15px; width: 714px}

.colCenter .blocs .bloc li.pictRubrique a { padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background: url(../images/css/picto_fleche_petite.png) left center no-repeat; text-decoration: none ; color:#25326c}
.colCenter .blocs .bloc li.pictArticle a  { padding-left: 15px;  font-size: 100%; font-weight:normal; background: url(../images/css/h3_pict.png) left center no-repeat; text-decoration: none ;color:#12315c; }

/* sous site */
body.soussite .colCenter h2.top { clear: none; margin-top: 0; padding-top: 0; height: auto; font: bold 160% "trebuchet MS", arial, sans-serif; color: #25326c; background: none; }
body.soussite .colCenter .bloc {  margin-bottom: 10px; padding: 0; }
body.soussite.regionales .colCenter .bloc.questions {  margin-bottom: 10px; padding: 0; background-image:url("http://www.unaf.fr/familles2009/fichiers/pointinterrogationclair.gif");
background-position:left top;
background-repeat:no-repeat;
;}
body.soussite .colCenter .blocs { float: left; border: 1px solid #c5c5c5; background: #fff; padding: 15px 15px 15px 15px; width: 394px }
body.soussite .colCenter.contentTable .blocs {width: 714px ; padding-top:10px;}

body.soussite .colCenter.wide .blocs { float: left; border: 1px solid #c5c5c5; background: #fff; padding: 0 15px 15px 15px; width: 714px}

/* HOME COLONNE DROITE */
.sidebar.right.home { position: absolute; top: -3px; right: 10px;}
.sidebar.right.home .bloc { float: left; margin-bottom: 0; width: 307px; border-left: 1px solid #c4c6c6; border-right: 1px solid #c4c6c6; background: #f5f4ef; border-top: 0; border-bottom: 0; color: #12305a }
.sidebar.right .bloc h2 { padding: 9px 0 0 12px; height: 25px; background: #25326c; color: #fff; text-transform: uppercase; font: bold 10px  Georgia, sans-serif; margin-bottom: 9px}
.sidebar.right .bloc.synthese h2 { padding: 9px 0 0 12px; height: 25px; background:#666666; color: #fff; text-transform: uppercase; font: bold 10px  Georgia, sans-serif; margin-bottom: 9px}


.sidebar.right .bloc.arrondi.couleur2 { float: left; width: 309px; margin-bottom: 10px;border: 0; padding: 0 ; background: #26326c url(../images/css/arrondi_bleu_top.png) left top no-repeat; color: #fff;}
.sidebar.right .bloc.arrondi.couleur2 .bottom { float: left; display: block; width: 309px; height: 14px; background: #26326c url(../images/css/arrondi_bleu_bottom.png) left top no-repeat; }
.sidebar.right .bloc.arrondi.couleur2 img { margin: 14px 0 0 11px; clear:both;}
.sidebar.right .bloc.arrondi.couleur2 img.uiplus { float: right; margin: 5px 15px 0 0;  padding-left: 15px;  }
.sidebar.right .bloc.arrondi.couleur2 embed { margin: 14px 0 0 11px;}
.sidebar.right .bloc.arrondi.couleur2 h2 { height:auto; margin-left:11px; margin-right:5px; margin-bottom:0px ; margin-top:0px; padding: 0;  text-transform: none; font-family: "Trebuchet MS"; font-size: 100%;}
.sidebar.right .bloc.arrondi.couleur2 p { margin-left:11px; margin-right:5px; margin-bottom:0px ; margin-top:0px; padding: 0;}
.sidebar.right .bloc.arrondi.couleur2 p a { color: #FFFFFF; text-decoration: none; }
.sidebar.right .bloc.arrondi.couleur2 a.plus { float: right; margin: 5px 15px 0 0;  background: url(../images/css/picto_fleche_petite_blanche.png) left 4px no-repeat; padding-left: 15px; text-decoration: underline; color: #fff; clear:both }


.sidebar.right .bloc .date { color: #276da9; font-style: italic }

.sidebar.right h3.pict { margin: 8px 0 0 10px; padding-left: 15px;color: #246eab; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-transform: uppercase; background: url(../images/css/h3_pict.png) left center no-repeat; }
.sidebar.right p { margin: 0 0 0 12px; }
.sidebar.right .date { display: block; margin: 8px 0 0 10px; }
.sidebar.right p { padding-bottom: 10px; }
.sidebar.right p a { color: #25326c; text-decoration: none; }

.sidebar.right strong.block { display: inline; clear: both; }

.sidebar.right .bloc.angle { margin-bottom: 10px; border: 1px solid #c4c6c6; color:#10193e; position: relative;}
.sidebar.right .bloc.angle .hautdroit { width: 34px; height: 36px; background: #fff url(../images/css/bg_angleHD.png) right top no-repeat; }
.sidebar.right .bloc.angle.couleur1 h2 { background: none; color:#a51e2c}
.sidebar.right .bloc.angle.couleur1 p { width: 130px;}
.sidebar.right .bloc.angle p strong {display: inline}
.sidebar.right .bloc.angle.couleur1 form { position: absolute; top: 55px; right: 0px; width: 160px;}
.sidebar.right .bloc.angle.couleur1 form input#textMel { width: 114px; height: 17px; color: #12315c; font: normal 11px Arial, Helvetica, sans-serif;}

.sidebar.right .bloc.communiques h2 { background:#a51e2c}
.sidebar.right .bloc.communiques a { display: block; margin-left: 10px; color: #12305a; text-decoration: none; font-weight: bold; }
.sidebar.right .bloc.communiques a span { display: block; width: 100%; font-weight: normal; }
.sidebar.right .bloc.communiques .tous { float: right; margin-top: 4px; font-weight: normal; color: #266dab; text-decoration: underline  }

.sidebar.right .bloc.recherches {border-bottom: 1px solid #c4c6c6;}

.sidebar.right.home .bloc.publications { float: left; margin-top: 0; padding-bottom: 5px; border: 1px solid #c4c6c6; background: #fff }
.sidebar.right.home .bloc.publications { margin-top: 10px; }
.sidebar.right .bloc.publications h2 { margin: 5px 5px 9px 5px; width: 285px; height: 25px; background: #869133; color: #fff }
.sidebar.right .bloc.publications hr {clear:left; height: 1px; margin: 5px 10px 10px 10px; padding: 0; color: #c2c1cf; background-color: #c2c1cf; border: 0; }
.sidebar.right .bloc.publications img { float: left; clear: none; margin-right: 10px; margin-left: 10px; margin-bottom: 10px}
.sidebar.right.home .bloc.publications h3, .sidebar.right.home .bloc.publications p { margin-left: 95px; }
.sidebar.right.home .bloc.publications h3 a {color:#12305A; text-decoration:none; }
.sidebar.right.home .bloc.publications h3 a:hover { text-decoration:underline; }

/* PAGES CENTRALES */

/* fil ariane */
#ariane { float: left; clear: both; width: 100%;}
#ariane ul { float: left; clear: none; margin-left: 10px; }
#ariane ul li { display: inline; color: #1f376b; font-family: Arial, Helvetica, sans-serif }
#ariane ul li a { color: #1f376b; font: bold 11px  Arial, Helvetica, sans-serif; text-decoration: none; }
#ariane .outils { float: right; clear: none; }
#ariane .outils li { margin-left: 4px; }

/* colonne gauche */
.sidebar.left .bloc.articles { float: left; margin-bottom: 0; padding: 0; width: 180px; border: 1px solid #c4c6c6; background: #fff; color: #12305a }
.sidebar.left .bloc.articles h2 { margin-bottom: 12px; padding: 4px 0 4px 8px; height: 25px; background: #25326c; color: #fff; text-transform: uppercase; font: bold 10px  Georgia, sans-serif;}
.sidebar.left .bloc.articles .date, .sidebar.left .bloc.articles p { margin-left: 8px;}
.sidebar.left .bloc.articles p { margin-bottom: 8px;}
.sidebar.left .bloc.articles .date { color: #276da9; font-style: italic }

/* lien haut de page */
.haut { display: block; float: right; clear: both; margin: 20px 0 10px 0; padding-left: 20px; background: url(../images/css/fleche_hautPage.png) left center no-repeat; color: #246eab; position: relative; }


/* PAGE AGENDA */
.colCenter h2.large.couleur3 { margin: 0 0 10px -15px; padding-left: 15px; width: 409px; background: #84903e; }
.colCenter h3.rub { margin-bottom: 0; padding-left: 15px;color: #246eab; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-transform: uppercase; background: url(../images/css/h3_pict.png) left center no-repeat; }
.colCenter .big { margin-bottom: 2px; font: bold 130% "trebuchet MS", arial, sans-serif;  color: #246eab; }
.colCenter .blocs .bloc .block { margin-bottom: 0; }
a strong.block { color: #12315c; }
a:hover strong.block { text-decoration: underline; }
.colCenter .blocs .bloc p a { color: #276da9;; text-decoration: underline; }
.colCenter.rubrique.contentTable .blocs .bloc p a { color: #25326C;; text-decoration: none; }
.sidebar.right .bloc.couleur3 h2 { background: #84903e; }

.bloc.couleur3 { background: #fff; }
#calendrier { width: 200px; margin: 10px auto; text-align: center }
#calendrier th, #calendrier td { text-align: center; height: 20px; }
#calendrier caption { margin: 6px auto 0 auto;  width: 194px; text-align: center; }
#calendrier caption a { font: bold 130% "trebuchet MS", arial, sans-serif; color: #25326c; text-decoration: none; text-transform: uppercase }
#calendrier caption span { position: relative; display: block; width: 194px; }
#calendrier caption span a.left { position: absolute; left: 0; top: 5px;}
#calendrier caption span a.right { position: absolute; right: 0; top: 5px}
#calendrier th { font-weight: bold; text-transform: uppercase; }
#calendrier td a { padding: 2px 6px; text-decoration: none; color: #25326c; }
#calendrier td a:hover { background: #869133; color: #fff; }

.sidebar.right .bloc.angle.couleur2 { position: relative; padding-bottom: 5px;}
.sidebar.right .bloc.angle.couleur2 h2 { background: none; color:#25326c; height: 16px;}
.sidebar.right .bloc.angle.couleur2 p {  margin-top: 20px; margin-right: 20px; }
.sidebar.right .bloc.angle p strong {display: inline;}
.sidebar.right .bloc.angle.couleur2 img {margin: 0 10px 5px 73px; float: left; clear: none;}
.sidebar.right .bloc.angle.couleur2 a.tous { position: absolute; right: 0; bottom: 0;}
sq

.sidebar.right .bloc.arrondi.couleur3 { float: left; width: 299px; margin-bottom: 10px;border: 0; padding: 0 10px 0 0; background: #84903e  url(../images/css/arrondi_vert_top.png) left top no-repeat; color: #fff; }
.sidebar.right .bloc.arrondi.couleur3 .bottom { float: left; display: block; width: 309px; height: 14px; background: transparent url(../images/css/arrondi_vert_bottom.png) left top no-repeat; }
.sidebar.right .bloc.arrondi.couleur3 img { margin: 0 0 0 11px; float: left; clear: none;}
.sidebar.right .bloc.arrondi.couleur3 h2 { margin: 10px 0 0 11px; padding: 0; width: 290px; text-transform: uppercase; font-family: georgia; }
.sidebar.right .bloc.arrondi.couleur3 .date { margin: 0 0 0 115px; color: #fff}
.sidebar.right .bloc.arrondi.couleur3 p { margin: 5px 10px 5px 115px; padding: 0;}
.sidebar.right .bloc.arrondi.couleur3 a {font-weight:normal;color: #fff;}
.sidebar.right .bloc.arrondi.couleur3 a.plus { float: right; margin: 5px 15px 0 0;  background: url(../images/css/picto_fleche_petite_blanche.png) left 4px no-repeat; padding-left: 15px; text-decoration: underline; color: #fff; font-weight:normal;}

/* MENU GAUCHE */
.sidebar.left .bloc.menu { background: #24528d url(../images/css/bg_menuLeft.png) left top no-repeat; font: 12px "trebuchet MS", arial, sans-serif; }
body.soussite.regionales .sidebar.left .bloc.menu { background: #FFFFFF }

.sidebar.left .bloc.menu h2 { color: #a4c7ea; font: 23px bold Arial, Helvetica, sans-serif; }
.sidebar.left .bloc.menu ul li { padding: 5px 0; line-height: 12px; border-bottom: 1px solid #4c71a2 }

.sidebar.left .bloc.menu ul li.last {padding-top: 5px; border-bottom: 0 }
.sidebar.left .bloc.menu ul li a { color: #fff; font-weight: bold; text-decoration: none; line-height: 10px; }
body.soussite.regionales .sidebar.left .bloc.menu ul li a { color: #000000; font-weight: bold; text-decoration: none; line-height: 10px; }

.sidebar.left .bloc.menu ul li ul { margin: 8px 0 8px -2px; }
.sidebar.left .bloc.menu ul li ul li {  padding: 0; border-bottom: 0; }
.sidebar.left .bloc.menu ul li ul li a { display: block; padding: 1px 0 1px 12px; background: url(../images/css/puce_menuLeft.png) 5px 5px no-repeat; font-weight: normal; line-height: 14px; }
.sidebar.left .bloc.menu ul li.current a, .sidebar.left .bloc.menu ul li.current a { background: #699ac9 url(../images/css/puce_menuLeft.png) 5px 5px no-repeat; font-weight: bold; display: block; padding: 4px 0 4px 12px; }
.sidebar.left .bloc.menu ul li ul li a:hover, .sidebar.left .bloc.menu ul li ul li.current a, .sidebar.left .bloc.menu ul li ul li.current a { background: #699ac9 url(../images/css/puce_menuLeft.png) 5px 5px no-repeat; font-weight: normal;padding: 1px 0 1px 12px; }

/* page sous-rubrique */
.colCenter.wide h1 { font: bold 160% "trebuchet MS", arial, sans-serif;  color: #25326c; }
.colCenter.wide h2 { background: none; font: bold 130% Arial, Helvetica, sans-serif; color: #999; text-transform: none}
.colCenter.wide h3 { margin-bottom: 6px; font: bold 16px "trebuchet MS", arial, sans-serif;  color: #246eab; }
/* ancien : .colCenter.wide h3 { font: bold 160% "trebuchet MS", arial, sans-serif;  color: #25326c; } */
.colCenter.wide .blocRight { float: right; margin-left: 20px; width: 210px; border: 1px solid #c2c6c9; background: #eaf3fc; }
.colCenter.wide .blocRight h2 { font: bold 130% Arial, Helvetica, sans-serif; color: #336; margin: 15px 0 0 7px; padding: 0; }
.colCenter.wide .blocRight .date, .colCenter.wide .blocRight p { margin: 0 7px 0 7px; }
.colCenter.wide .blocRight p a { color: #336; text-decoration: none; }
.colCenter.wide .blocRight p a:hover { text-decoration: underline; }
.colCenter.wide .blocRight .date { display: block; margin-top: 8px }
.colCenter.wide .chapo { font-size: 130%; }
.colCenter.wide h4 { margin-bottom: 6px; font: bold 16px "trebuchet MS", arial, sans-serif;  color: #246eab; }
.colCenter.wide p { margin-bottom: 10px; }
.colCenter.wide p.encadre { border: 1px solid #c4c6c6; padding: 12px; font-weight: bold;}
.colCenter.wide a { color: #276da9;}
.colCenter.wide ol { list-style-type: upper-roman; color: #276da9;}
.retrait { text-indent: 40px; background: url(../images/css/puce_bleue.png) 25px 4px no-repeat; } 

/* COLONNE DROITE */
.sidebar.right .bloc { float: left; margin-bottom: 10px; width: 307px; border: 1px solid #c4c6c6; color: #12305a }
.sidebar.right .bloc.publications p { margin: 5px 0 0 0; }
.sidebar.right .bloc.publications p a { text-decoration: none; }
.sidebar.right .bloc.publications p a:hover { text-decoration: underline; }
.plusWide { float: left; display: block; padding: 3px 10px 3px 0; margin: 10px 5px 5px 5px; width: 287px; line-height: 25px; background: #869133 url(../images/css/picto_fleche_petite_blanche.png) 172px 13px no-repeat; color: #fff; text-align: right; }

/* PAGE TROMBINOSCOPE */
.cadre { float: left; margin-bottom: 10px; width: 714px; border: 1px solid #c6c6c6; position: relative; z-index: 1; }
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 19px; width: 19px;
font-size:1px; /* correction d'un bug IE */
position: absolute; z-index: 10; }
/* propriétés spécifiques à chaque coin */
.hautgauche { background: url(../images/css/bg_trombi_top.png) left top no-repeat; left: -1px; top: -1px; }
.hautdroit { float: right; background: url(../images/css/bg_trombi_top.png) right top no-repeat; right: -1px; top: -1px; }
.basgauche { background: url(../images/css/bg_trombi_bottom.png) left bottom no-repeat; left: -1px; bottom: -1px; }
.basdroit { float: right; background: url(../images/css/bg_trombi_bottom.png) right bottom no-repeat; right: -1px; bottom: -1px; }
.cadre .image.big { float: left; clear: none; padding: 18px 26px; width: 78px; background: #f2f2f2; margin: 0 10px 0 0;}
.cadre .image {float: left; clear: none; padding: 16px 39px; width: 51px; background: #f2f2f2; margin: 0 10px 0 0; }
.cadre .image img { border: 1px solid #c5c5c5 }
.cadre p { margin: 0; font: normal 11px "trebuchet MS"; line-height: 13px; }
.cadre p.nom { padding-top: 10px; text-decoration: underline; }
.cadre span.fonction { font-style: italic; position: relative; }

.blocs.associations h2 { padding-left: 0; margin: 0; }
.blocs.associations h3 { margin: 0 0 5px 0; font: bold 160% "trebuchet MS", arial, sans-serif;  color: #25326c; }
.bloc.coordonnees { float: left; padding: 10px 30px; margin: 12px 0 9px 0; border: 1px solid #00b447; }
.bloc.presentation { float: left; margin-bottom: 17px; padding: 10px 30px 30px 30px; border: 1px solid #00b447; border-top-width: 9px}
.bloc.coordonnees address { float: left; clear: none }
.bloc.coordonnees img { float: right; clear: none }
.colCenter.wide .bloc.presentation h2.rub { margin: 0; padding: 0 0 0 15px; height: auto; color: #246eab; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-transform: uppercase; background: url(../images/css/h3_pict.png) left 3px no-repeat; }
.colCenter.wide .bloc.presentation p { margin: 0 0 10px 0; padding: 0; }
.colCenter.wide .bloc.articles {float: left; width: 682px; padding: 0 0 10px 30px; margin-bottom: 9px; border: 1px solid #00b447;}
.colCenter.wide .bloc.articles h2 { margin: 0 0 10px -30px; padding-left: 30px; background: #00b447; color: #fff; font: bold 90% Georgia, arial, ssans-serif; text-transform: uppercase; position: relative; }
.colCenter.wide .bloc.articles h2 a { font: bold 110% "trebuchet MS", arial, sans-serif; text-transform: none; position: absolute; top: 7px; right: 16px; text-decoration: none; color: #fff; }
.colCenter.wide .bloc.articles h2 img { margin-bottom: -3px; }
.colCenter.wide .bloc.articles h3 { font-size: 130%; color: #246eab; text-decoration: none; }

/* sous site */
body.soussite .colCenter .blocs {border-top: 1px solid #c5c5c5; }
body.soussite .colCenter .blocs h3, body.soussite .colCenter .blocs p.highlight { font-size: 130%; color: #246eab; text-decoration: none; }
body.soussite .colCenter .blocs a.suite { display: block; margin-top: -10px; color: #246eab; text-decoration: underline; }
body.soussite .colCenter .blocs p { margin-bottom: 10px; }
.bloc.communiques { background: #fff }
.sidebar.right .bloc.autres.couleur3 { background: none }
.sidebar.right .bloc.autres.couleur3 h2 { background: #246eab; width: 289px; margin: 3px; }
.sidebar.right .bloc.autres.couleur3 a.lien { float: left; clear: both; margin: 10px 0 0 10px; display: block; padding-left: 12px; background:url(../images/css/picto_fleche_petite.png) left 5px no-repeat; line-height: 18px; color: #266dab; text-decoration: underline; vertical-align: middle }
.sidebar.right .bloc.autres.couleur3 p { float: left; clear: both; margin: 0 10px 10px 22px; }


/* QUESTIONNAIRE */
body.soussite .colCenter.wide.questionnaire { width: 935px; }

body.soussite .colCenter.wide.questionnaire .blocs { padding: 9px; width: 917px; }
.colCenter.wide.questionnaire h2 { margin-bottom: 10px; padding-top: 0; font: bold 160% "trebuchet MS", arial, sans-serif;  color: #25326c; position: relative; }
.colCenter.wide.questionnaire h2 span.numQuestion { font: bold 68.5%  "trebuchet MS", arial, sans-serif;  color: #25326c; position: absolute; right: 10px; top: 2px; }
.colCenter.wide.questionnaire h2 span.numQuestion span { color: #246eab; }
.colCenter.wide.questionnaire .blocs .cadre { width: 889px; padding: 11px 12px 12px 12px; }

.colCenter.wide.questionnaire .haut { float: right; }

.colCenter.wide.questionnaire .info p { float: left; clear: none; font-style: italic; color: #246eab; }
.colCenter.wide.questionnaire p.oblig { float: right; }
.colCenter.wide.questionnaire .highlight, .colCenter.wide.questionnaire p.oblig { color: #cc0000; }

.colCenter.wide.questionnaire form { width: 912px; }
.colCenter.wide.questionnaire form fieldset { float: left; padding-bottom: 10px;width: 915px; margin-bottom: 11px; background: url(../images/css/bg_fieldset_bottom.jpg) left bottom no-repeat; }
.colCenter.wide.questionnaire form fieldset legend { background: #246eab url(../images/css/bg_fieldset.jpg) right top no-repeat; }
.colCenter.wide.questionnaire form fieldset legend span { display: block; width: 898px; padding: 9px 0 12px 14px; height: 11px; color: #fff; text-transform: uppercase; }
.colCenter.wide.questionnaire form fieldset .ligne  { float: left; width: 915px; padding: 12px 0; background: #faf9f6; }
.colCenter.wide.questionnaire form fieldset .ligne.altern { background: #f2f0ea; }
.colCenter.wide.questionnaire form fieldset .label {  font: bold 130% "trebuchet MS", arial, sans-serif; color: #246eab; }
.colCenter.wide.questionnaire form fieldset p.aide { float: left; clear: none; width: 50px; text-align: center; }
.colCenter.wide.questionnaire form fieldset .formsElements { margin-left: 74px; }
.colCenter.wide.questionnaire form fieldset .formsElements p { float: left; clear: none; width: 190px;}
#nombreEnfants { margin-top: 5px; width: 120px; color: #2f2f6f; }
#oui, #non { margin: 0 0 -3px 10px; }
#oui { margin-left: 12px; }
#ouiQuestion, #nonQuestion, #sans  { margin: 0 50px -3px 10px; }
.questionnaire textarea { float: left; clear: both; margin-left: 74px; width: 632px; height: 57px; }

/* boutons liens */
.questionnaire div.liens { float: left; clear: none; }
.questionnaire div.liens a { display: block; margin-bottom: 9px; padding-top: 5px; width: 341px; background: url(../images/css/bg_lienForm.png) left top no-repeat; height: 22px; text-align: center; text-decoration: none; font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #fff !important }

/*		STYLES INPUT SUBMIT
---------------------------------------------------- */
div.boutons { float: right; clear: none; }
.bouton-01 input, .bouton-02 input { border: 0; padding: 0 0 3px 10px; width: 133px; height: 27px; text-align: left }
.bouton-01,.bouton-02  { float: left; clear: none;font-weight: normal; text-transform: uppercase; color: #fff; font-size: 10px; cursor: pointer;}
.bouton-02  { margin-left: 4px; }
.bouton-01 input, .bouton-02 input { background: url(../images/css/bg_left_submit.png) left top no-repeat; }
.bouton-02 span { background: url(../images/css/bg_right_submit_envoyer.png) right top no-repeat; display: block; float: left; clear: none; width: 26px; height: 27px; margin: 0; }
.bouton-01 span { background: url(../images/css/bg_right_submit_effacer.png) right top no-repeat; display: block; float: left; clear: none; width: 26px; height: 27px; margin: 0; }


.tousArticles { float: left; clear: both; display: block; margin: 10px 0 0 0; padding-right: 15px; background: #25326c url(../images/css/picto_fleche_petite_blanche.png) 178px center no-repeat; color: #fff; width: 411px; text-align: right; line-height: 34px; }

.boutique hr{ margin-bottom: 10px; }
.boutique h4 { margin-bottom: 5px; font: bold 130% "trebuchet MS", arial, sans-serif; color: #246eab; }
.colCenter .boutique p { margin-left: 100px; }
.colCenter .boutique ul.liens { float: left; clear: both; margin: 7px 0 0 0; width: 400px; }
.colCenter .boutique ul.liens li { display: inline; float: left; color: #246eab; }
.colCenter .boutique ul.liens li.pdf a { color: #246eab; }
.colCenter .boutique ul.liens li.lien,
.colCenter .boutique ul.liens li.prix,
.colCenter .boutique ul.liens li.pdf { width: 100px; margin: 0 10px; }
.colCenter .boutique ul.liens li.lien { margin-left: 0; }
.colCenter .boutique ul.liens .tous { float: left; clear: none; margin-top: -2px; }
.colCenter .boutique .panier { float: right; clear: both; display: block; margin: 0 0 10px 0; padding-right: 35px; height: 26px; background: url(../images/css/ajoutPanier_left.png) left top no-repeat; position: relative; }
.colCenter .boutique .panier a { display: block; margin: 6px 10px 8px 10px; font: normal 10px arial; color: #fff; text-decoration: none; }
.colCenter .boutique .panier a:hover { text-decoration: underline; }
.colCenter .boutique .panier span { display: block; background: #fff url(../images/css/ajoutPanier_right.png) right top no-repeat; font: normal 10px arial; color: #fff; position: absolute; top: 0; right: 0; width: 35px; height: 26px;}
.souligne { text-decoration: underline; }

/* BOUTIQUE PANIER */
h2.panier { position: relative }
h2.panier span { display: block; background: url(../images/css/picto_panier.png) left top no-repeat; width: 32px; height: 31px; position: absolute; left: 265px; top: 18px; }
h3.panier { margin: 6px 0 6px 16px; font: bold 130% "trebuchet MS", arial, sans-serif; color: #246eab; }
#qte { width: 20px; margin-left: 16px; text-align: center}
#panier { width: 278px; margin: 6px auto; }
#panier th, #panier td { padding: 4px 0; vertical-align:bottom; }
#panier th, #panier td { padding-left: 10px; }
#panier .altern { background: #f4f1ec; }
#panier .ref, #panier .right, #panier .total { color: #246eab; }
#panier .ref { font-style: italic; }
#panier .right { width: 60px; font-weight: bold; }
#panier .titre, #panier .total { font-weight: bold; }
.bloc.couleur3 .bouton { margin: 4px 2px 6px 15px; width: 78px; height: 17px; border: 0; color: #fff; background: url(../images/css/input_bouton.png) left top no-repeat; }
.bloc.couleur3 .cgv { margin: 0 0 0 0; width: 307px; height: 30px; background: #84903e; position: relative; }
.bloc.couleur3 a {color:#12305A; display:block; font-weight:bold; margin-left:10px; text-decoration:none;}
.bloc.couleur3 .cgv a.plus { color: #fff; position: absolute; top: 8px; right: 10px; font-weight:normal; text-decoration:underline;}


#contenu a:hover { text-decoration: underline !important; }


/* 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 { margin-bottom:10px;}
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: 1px solid;
	border-collapse: collapse; }
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: #900; } /* liens internes */
a.spip_out { color: #009; } /* 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 */

/* Trombi */

.album{
  width:100%; 
  padding: 10px; 
  float:left;
  
}
.album .imageSingle {
  float: left; 
  margin: 5px; 
  width:220px; 
  text-align:center; 
  border:none;
}
.album .imageSingle .image {
  width:150px; 
  height:101px; 
  margin:3px;
}
.album .footer {
  text-align:center;
  width: 156px; 
  border-top:none; 
  color:#999; 
  font-weight:bold; 
  padding-top: 7px; 
  padding-bottom:7px; 
  margin-top: 10px;
}