/* CSS Document */

* {
	outline:none;
}
body {
	margin:0;
	background:url(../img/bg_site.gif) repeat-x fixed left bottom #9c9ea0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:100px;
}
#Container {
	margin:auto;
	width:90%;
	max-width:1400px;
	text-align: left;
	min-width:908px;
	background-color:#ffffff;
	padding:22px 15px 15px 15px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomright:5px;
	border-radius-bottomleft:5px;
	border-radius-bottomright:5px;
}

p {
	margin:0px;
	padding:0px;
}
/* - - - - - - - - -  General - - - - - - - - - */

.floatLeft {
	float:left
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	font-size:0px;
	padding:0px;
	margin:0px;
}
h1 {
	color:#9725a8;
	margin-top:0;
}
.textfield {
	background-color:#FFFFFF;
	color:#4d4d4d;
	padding:0px 0px 0px 5px;
}
.textfield:active, .textfield:focus {
	background:#fff4f6 !important;
	color:#000;
}
.nopad{
padding:0px !important;
margin:0px !important;
}

/* - - - - - - - - -  Top - - - - - - - - - */


#Top {
	width:100%;
	height:190px;
	overflow:hidden;
	position:relative;
}
#Top-left {
	width:140px;
	float:left;
	position:absolute;
	left:0%;
	top:0%;
}
#Top-right {
	width:160px;
	float:right;
	position:absolute;
	right:0%;
	top:0%;
}
#Top a.logo {
	background-image:url(../img/logo_gil.gif);
	background-repeat:no-repeat;
	height:117px;
	display:block;
	margin-left:-15px;
}
#Top a:link, #Top a:visited {
	color:#777777;
	text-decoration:none;
}
#Top a:hover, #Top a:focus {
	color:#777777;
	text-decoration:underline;
}
#Top_puce {
	margin:0 0 0 13px;
}
/* Animation Flash */
#banner-flash {
	width:100%;
	height:178px;
	background:url(../img/new-banner.jpg) no-repeat right top;
}
.GilLinks{
height:20px;
position:absolute;
bottom:0;
right:33px;
font-family:Arial, Helvetica, sans-serif;
color:#dc7889 !important;
font-size:14px;
font-weight:bold;
}
.GilLinks a:link, .GilLinks a:visited {
line-height:20px;
color:#d6435c !important;
text-decoration:none !important;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.GilLinks a:hover{
color:#bd0524 !important;
}
/* Breadcrumb */
#Breadcrumb {
	height:23px;
	line-height:23px;
	background-color:#e5e5e5;
	margin-top:1px;
	display:block;
	font-size:10px;
	padding-left:10px
}
#Breadcrumb ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#Breadcrumb ul li {
	display:inline;
	color:#bd0524;
}
#Breadcrumb ul li a {
	color:#bd0524;
	text-decoration:none;
	font-size:10px;
}
#Breadcrumb ul li a:hover {
	color:#bd0524;
	text-decoration:underline;
}
#Breadcrumb ul li a.on {
	color:#bd0524;
	font-weight:bold;
	text-decoration:none;
}
/* - - - - - - - - -  CONTENT - - - - - - - - - */

#Contenu {
	color:#5c5c5c;
	font-size:13px;
	width:100%;
	position:relative;
	margin-top:20px;
	overflow:hidden;
	line-height:18px;
}
#Contenu, #Contenu *{
font-family:Verdana, Arial, Helvetica, sans-serif !important;
}

/* Generals */
#Contenu h1{
color:#bd0524;
font-size:20px;
font-weight:bold;
margin:10px 0px 20px 0px;
}
#Contenu h2{
color:#055675;
font-size:14px;
font-weight:bold;
margin:10px 0px 20px 0px;
}
#Contenu a:link,#Contenu a:visited {
color:#ba001b;
text-decoration:none;
}
#Contenu a:hover, #Contenu a:focus{
color:#e80223;
}
.Zone-img{
width:300px;
float:left;
height:100%;
}
.Zone-img img{
max-width:270px;
}
.Zone-txt{
margin-left:300px;
margin-right:30px;

}
.Zone-txt-imgleft,
.Zone-txt-imgright{
width:auto;
overflow:hidden;
}
.Zone-txt-imgleft .Image-left{
float:left;
width:1px;
padding:0px;
margin:0px;
}
.Zone-txt-imgleft .Image-left img{
margin:0px 30px 10px 0px;
}
.Zone-txt-imgright .Image-right{
float:right;
width:1px;
padding:0px;
margin:0px;
}
.Zone-txt-imgright .Image-right img{
margin:0px 0px 10px 30px;
}
.Image-left .caption *, .Image-right .caption *{
font-size:11px !important;
}
.Image-left .caption{
text-align:left;
}
.Image-right .caption{
text-align:right;
margin-right:5px;
}
.Webpart-left{
float:left;
margin:10px 0px 10px 0px;
}
.Webpart-right{
float:right;
margin:10px 0px 10px 0px;
}

.Col1 {
	width:33%;
	position:relative;
	float:left;
	margin-right:1%;
}
.Col2 {
	width:32%;
	margin:auto;
	position:relative;
	float:left;
}
.Col3 {
	width:33%;
	position:relative;
	float:right;
}
/******************************/
/* MENU DEROULANT */
/******************************/

#Navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/nav-bg.jpg);
	background-repeat:repeat-x;
	width:auto;
	height:20px;
	padding:0px;
	overflow:hidden;
	display:block;
}

#Navigation div {
	float:left;
	cursor:pointer;
	background:url(../img/nav-bg-puce.jpg) right no-repeat;
	padding: 0px 15px 0px 10px;
	z-index:1 !important;
}
#Navigation div.last, #Navigation div:last-child {
	background-image:none;
}
#Navigation div a.l1 {
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	text-decoration: none;
	line-height:20px;
	padding:5px 10px;
}
#Navigation div a.l1:hover, #Navigation div a.l1:focus, #Navigation div a.on {
	color:#fff !important;
	background-color:#bc001f;
	padding:5px 10px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	text-decoration: none;
	line-height:20px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
	border-radius-topleft: 10px;
	border-radius-topright: 10px;
}

#Navigation ul.Snav {
	position: absolute;
	z-index:10 !important;
	background-image:url(../img/nav-bg.png);
	padding:0 0 15px 0;
	margin:0;
	list-style-type:none;
	display:none;
	width:160px;
	-moz-box-shadow: 3px 3px 3px #a2a3a7;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
}
#Navigation ul.Snav:hover {
	background-image:url(../img/nav-bg-on.png);
}
#Navigation ul.Snav li{
	padding:0;
	margin:0;
}

#Navigation ul, #Navigation li {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}
#Navigation ul li {
	padding:0 5px;
	font-size:10px;
}
#Navigation ul li a {
	text-decoration: none;
	font-size:11px;
	line-height:20px;
	padding-left:25px;
	max-width:150px;
	display:block;
}
#Navigation ul li a:link, #Navigation ul li a:visited, #Navigation ul li a:focus {
	color:#fff;
	background:url(../img/snav-bullet-off.gif) no-repeat 10px 0;
}
#Navigation ul li a:hover, #Navigation ul li a.on {
	color: #ffffff;
	background:url(../img/snav-bullet-on.gif) no-repeat 10px 0;
	background-color:#a80018;
	text-transform:none;
		line-height:20px;
	padding:0 0 0 25px;
	max-width:150px;
}
/* --------- Login box ------------*/
.login {
	width:180px;
	float:right;
	border-left:10px solid #ffffff;
}
.login_box {
	margin:auto;
	overflow:hidden;
}
.login_box h3 {
	text-align:center;
	font-weight:bold;
	color:#505354;
	font-size:12px;
	margin:0px 0px 10px 0px;
}
.login_box input {
	background:#f1f1f1;
	border:1px solid #222;
	font-size:12px;
	line-height:16px;
	height:16px;
	width:150px;
	display:block;
	padding:0px 0px 0px 3px;
}

.login_box .remember_me input {
    width:15px;
    float:left;
    border-width:0px;
    background-color:#f1f1f1;
}
.login_box .remember_me label {
    float:left;
    padding-top:1px;
	font-size:10px;
}
.login_box input:active, .login_box input:focus {
	background:#ffffff;
	border:1px solid #000;
	color:#000;
}
.login_btn {
	padding:5px 0px 0px 0px;
	float:right;
}
.ID-User{
margin:40px auto 40px auto;
color:#bd0524;
font-size:16px !important;
font-weight:bold;
}
a.btLogout{
display:block;
width:100px;
height:25px;
padding:0px 30px 0px 0px;
background:url(../img/redcross.gif) no-repeat right bottom;
margin:auto;
}
/* - - - - - - - - -  Footer- - - - - - - - - */
.footer {
	height:60px;
	margin:10px auto 0 auto;
	color:#5e5e5e;
	border-top:1px solid #dadada;
	padding-top:10px;
}
td.footer-left {
background:#fff url(../img/gil-logo-fleft.gif) no-repeat right;
	width:50px;
	height:60px;
}

.footer-mid-left {
	width:180px;
	height:41px;
	background-color:#ffffff;
	vertical-align:middle;
	text-align:center;
}

td.footer-mid-right {
	width:180px;
	height:41px;
	background-color:#ffffff;
	vertical-align:middle;
	text-align:center;
}

.footer-mid {
	height:41px;
	background-color:#ffffff;
	color:#5e5e5e;
	font-size:10px;
	text-align:center;
}
/*
#Babelfish{
float:left;
width:130px;
padding-right:40px;
background:url(../img/babelfish.gif) no-repeat right bottom;
}
#Babelfish img{
display:none;
}
#Babelfish *{
font-size:10px !important;
}
#Babelfish input, #Babelfish div{
margin:0px !important;
padding:0px !important;
}
*/
#GoogleTrads{
position:relative;
left:0;
width:130px;
padding-right:30px;
background-image:none;
height:68px !important;
overflow:hidden !important;
}

#GoogleTrads a,
#GoogleTrads span{
display:none !important;
}
#GoogleTrads div,
#GoogleTrads table,
#GoogleTrads td,
#GoogleTrads tr,
#GoogleTrads #content_div,
#GoogleTrads span,
#GoogleTrads *,
#GoogleTrads{
background-image:transparent !important;
background-color:#FFFFFF !important;
}

.ig_reset{
margin-top:-35px;
}

.footer-right {
background:#fff url(../img/gil-logo-fright.gif) no-repeat left;
	width:50px;
	height:60px;
}


/* - - - - - - - - - BOXES Generals - - - - - - - - - */

h3.Box-head {
	background-color:#d5d6da;
	height:22px;
	line-height:22px;
	font-weight:bold;
	font-size:11px;
	padding-left:35px;
	color:#bd0524 !important;
	margin:0px;
	text-align:left;
}
/* - - - - - - - - -  BOX Dark-Box (now grey) - - - - - - - - - */
.Darkbluebox {
	position:relative;
	background-color:#b7b7b7;
	width:100%;
	margin-bottom:10px;
}
.Darkbluebox h4 {
	color:#ffffff;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	font-size:12px;
}
.Darkbluebox .tl {
	background:url(../img/corners/blue-top-left-chand.gif) no-repeat left top;
	height:22px;
	width:30px;
	position:absolute;
	top:0px;
	left:0px;
}
.Darkbluebox .tr {
	background:url(../img/corners/blue-top-right.gif) no-repeat right top;
	height:22px;
	width:22px;
	position:absolute;
	top:0px;
	right:0px;
}
.Darkbluebox .bl {
	background:url(../img/corners/blue-dark-btm-left.gif) no-repeat left bottom;
	height:19px;
	width:19px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.Darkbluebox .br {
	background:url(../img/corners/blue-dark-btm-right.gif) no-repeat right bottom;
	height:19px;
	width:19px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.Darkbluebox .BoxContent {
	padding:10px 19px 10px 19px;
	margin:auto;
}
.Darkbluebox .sep {
	clear:both;
	background:url(../img/sep-darkblue.gif) repeat-x center;
	height:2px;
	margin:10px 0px 10px 0px;
}
/* - - - - - - - - -  BOX Light-Blue (now grey) - - - - - - - - - */
.Lightbluebox {
	position:relative;
	background-color:#eeeeee;
	width:100%;
	margin-bottom:10px;
}
.Lightbluebox h4 {
	color:#727377;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	font-size:12px;
}
.Lightbluebox .tl-chand {
	background:url(../img/corners/blue-top-left-chand.gif) no-repeat left top;
	height:22px;
	width:30px;
	position:absolute;
	top:0px;
	left:0px;
}
.Lightbluebox .tl {
	background:url(../img/corners/blue-top-left.gif) no-repeat left top;
	height:22px;
	width:30px;
	position:absolute;
	top:0px;
	left:0px;
}
.Lightbluebox .tr {
	background:url(../img/corners/blue-top-right.gif) no-repeat right top;
	height:22px;
	width:22px;
	position:absolute;
	top:0px;
	right:0px;
}
.Lightbluebox .bl {
	background:url(../img/corners/blue-light-btm-left.gif) no-repeat left bottom;
	height:19px;
	width:19px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.Lightbluebox .br {
	background:url(../img/corners/blue-light-btm-right.gif) no-repeat right bottom;
	height:19px;
	width:19px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.Lightbluebox .BoxContent {
	padding:10px 19px 10px 19px;
	margin:auto;
	text-align:left;
}
.Lightbluebox .sep {
	clear:both;
	background:url(../img/sep-lightblue.gif) repeat-x center;
	height:2px;
	margin:10px 0px 10px 0px;
}
/* - - - - - - - - -  BOX Mid-Blue (now grey) - - - - - - - - - */
.Midbluebox {
	position:relative;
	background-color:#e5e5e5;
	width:100%;
	margin-bottom:10px;
}
.Midbluebox h3 {
	color:#055675;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	font-size:12px;
}
.Midbluebox .tl {
	background:url(../img/corners/blue-top-left.gif) no-repeat left top;
	height:22px;
	width:30px;
	position:absolute;
	top:0px;
	left:0px;
}
.Midbluebox .tr {
	background:url(../img/corners/blue-top-right.gif) no-repeat right top;
	height:22px;
	width:22px;
	position:absolute;
	top:0px;
	right:0px;
}
.Midbluebox .bl {
	background:url(../img/corners/blue-mid-btm-left.gif) no-repeat left bottom;
	height:19px;
	width:19px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.Midbluebox .br {
	background:url(../img/corners/blue-mid-btm-right.gif) no-repeat right bottom;
	height:19px;
	width:19px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.Midbluebox .BoxContent {
	padding:10px 19px 10px 19px;
	margin:auto;
}
.Midbluebox .sep {
	clear:both;
	background:url(../img/sep-lightblue.gif) repeat-x center;
	height:2px;
	margin:10px 0px 10px 0px;
}
/* - - - - - - - - -  BOX Grey - - - - - - - - - */
.Greybox {
	position:relative;
	background-color:#f1f1f1;
}
.Greybox .tl {
	background:url(../img/corners/grey-top-left.gif) no-repeat left top;
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
	left:0px;
}
.Greybox .tr {
	background:url(../img/corners/grey-top-right.gif) no-repeat right top;
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
	right:0px;
}
.Greybox .bl {
	background:url(../img/corners/grey-btm-left.gif) no-repeat left bottom;
	height:10px;
	width:10px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.Greybox .br {
	background:url(../img/corners/grey-btm-right.gif) no-repeat right bottom;
	height:10px;
	width:10px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.Greybox .BoxContent {
	padding:10px;
	margin:auto;
}

/* PAGES LAYOUTS */ 

/* Homepage */
.Event .Eventvisu {
	border:5px solid #1b84af;
	float:left;
	margin:0px 15px 10px 0px;
}
.Event .date {
	color:#ffffff;
}

.Event .description {
	color:#ffffff;
}
.edito {
	color:#055675;
	font-weight:bold;
}
.News {
	color:#747474;
}
.news-Description *{
font-size:14px !important;
}
/* Galerie */

#Galerie {
	width:100%;
	margin:auto;
	overflow:hidden;
	max-width:1400px;
}
#simpleviewer-gallery {
	height:450px;
	float:right;
	position:relative;
	width:75%;
}
#random-box {
	height:450px;
	float:right;
	position:relative;
	width:73%;
}
ul#random-img, ul#random-img li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#random-img a.visu {
	width:553px;
	height:400px;
	border:15px solid #ffffff;
	display:block;
	background-color:#FFFFFF;
	background-position:center;
	background-repeat:no-repeat;
}
/* Nav galerie */
#NavYear ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin:0px 0px 10px 0px;
}
#NavYear li {
	display:inline;
}
#NavYear li a:link,
#NavYear li a:visited{
	color:#bcbcbc;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	background:url(../img/bull-blue.gif) no-repeat right center;
	line-height:15px;
	height:15px;
	padding-right:13px;
	margin-left:5px;
}
#NavYear li a:hover {
	color:#bc001f;
}
#NavYear li a.on {
	color:#bc001f;
}
#NavYear li a.last {
	background-image:none;
}
#Gal-Nav {
	width:25%;
	float:left;
	max-width:230px;
}
#gal-navigation, #gal-navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#gal-navigation li {
	display:block;
	background-color:#bc001f;
	line-height:20px;
	line-height:20px;
	margin-bottom:2px;
	white-space:nowrap;
	overflow:hidden;
}
#gal-navigation ul li {
	margin:0px;
	background-color:#a7a9ab;
	display:block;
	list-style-position:outside;
}
#gal-navigation li a {
	font-size:11px;
	color:#fff !important;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}
#gal-navigation a:hover {
	text-decoration:underline;
}
#gal-navigation a.on {
	text-decoration:underline;
}
/*magazine*/
.Hayom{
margin:15px 0 55px;
overflow:hidden;
padding:13px 0 0;
width:auto}

.HayomItem{
width:250px;
float:left}

.HayomItem:hover{
color:#000}

.HayomItemPreview{
margin:0 0 5px 0}

.HayomItem h4{
font-size:13px;
margin:3px 0}

.Hayom .nav{
border-left:1px solid #EEEEEE;
float:left;
padding:0 0 0 20px;
width:87px;}

.Hayom a.next, .Hayom a.prev{
}

.Hayom .pagination{
margin:10px 0;}

.HayomLinksUl{
padding:0}

.HayomLinksUl li{
display:inline;
list-style:none;
margin:0 5px 0 0}


/* Boutons */
#Contenu input.Bouton{
display:block;
background-color:#bd0524;
color:#FFFFFF;
font-weight:bold;
border:0px solid #bfdee6;
padding:3px 15px 3px 15px;
-moz-border-radius: 15px; /* CSS 3 */
-webkit-border-radius: 15px;
cursor:pointer;
}
a.bt-blue {
	height:16px;
	line-height:16px;
	color:#fafeff !important;
	text-decoration:none;
	padding:0px 0px 0px 6px;
	margin:6px 0px 6px 0px;
	background:url(../img/boutons/bt-blue-left.gif) no-repeat left;
	position:relative;
	font-size:10px !important;
	cursor:pointer;
}
a:hover.bt-blue {
	background:url(../img/boutons/bt-blue-left-on.gif) no-repeat left;
	color:#FFFFFF !important;
	font-weight:bold;
}
.bt-blue .title {
	background:url(../img/boutons/bt-blue-right.gif) no-repeat right;
	padding:0px 6px 0px 0px;
	height:16px;
	line-height:14px;
	display:inline-block;
	font-size:10px !important;
}
a:hover.bt-blue .title {
	background:url(../img/boutons/bt-blue-right-on.gif) no-repeat right;
}
/* Page Liens */

#ZoneLiens a{
display:block;
background:url(../img/arrow-blue.gif) no-repeat 0px 5px;
padding: 0px 0px 0px 10px;
font-size:11px;
font-weight:bold;
margin:0px 15px 0px 15px;
}

/* Contact form */
#Message textarea{
width:90%;
height:153px;
}

#divThanks{
width:400px;
margin:auto;
}

/* ~~~~~~~~~~~~~~ overpass CORE SHAREPOINT ~~~~~~~~~~~~~~ */
.header{
border-bottom:none;
clear:both;
display:block;
}
.byLine{
text-align:left;
color:#bd0524;
font-size:18px !important;
font-weight:bold;
height:50px;
}

.spacer{
width:900px;
border:3px solid #000;
height:1px;
clear:both;
display:block;
}
.ms-MenuUIPopupBody *  {  /* Pour faire en sorte que le pannel d'admin apparaisse en dessus de la nav */
z-index:2000 !important;
position:relative;
}
.ms-formfieldvaluecontainer{
overflow:hidden;
padding-right:10px;
}
.ms-formfieldvaluecontainer input{
width:99%;}

.wsstool{
background:#FFFFFF;
padding:0 0 10px;
position:fixed;
top:0;
width:1401px;
z-index:2000;}

.ms-consolestatusframe{
background:#FFFFFF;
position:fixed;
top:32px;
width:1401px;
z-index:2000;}

/* Calendar */
#SRSB{
margin:20px 0px 20px 0px;
}
.ms-cal-topdayfocus{
padding-left:5px;
}


.CalendarDispForm table table table{
background:none;
border:none;
margin:0 0 3px 0}

.CalendarDispForm table table table td.ms-formlabel{
border-top:1px solid #eee;}

.CalendarDispForm table table table td.ms-formlabel h3{
color:#525252;}

.CalendarDispForm table table table td.ms-formbody{
background:#eee;
border-top:1px solid #fff}

.CalendarDispForm table table table td:hover.ms-formbody{
background:#E5E5E5;}

#Contenu .CalendarDispForm a:link, #Contenu .CalendarDispForm a:visited{
color:#222528}

#Contenu .CalendarDispForm a:hover, #Contenu .CalendarDispForm a:active{
color:#BA001B}
/*minical */
#DatePickerDiv{
width:210px;
float:right;
margin:20px 3px 0px 0px;
}
.ms-picker-monthcenter,
.ms-picker-monthselected,
.ms-picker-monthcenterOn{
padding:5px 15px 5px 15px;
text-align:center;
}
/* Webparts */
.ms-WPBorder{
border:1px solid #d3e9f2;
-moz-border-radius: 15px; /* CSS 3 */
-webkit-border-radius: 15px;
padding:15px;
}
.ms-WPHeader td{
border:none;
}




/*
ASO: IE9 optimisation - bug menu options
*/

.ms-MenuUIPopupBody {padding-top:10px !important; background-color: #f2f2f2 !important;  }