@charset "UTF-8";
/* CSS Document */
html
{
	position: relative; 
	min-height: 100%;

	}
body
{
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    color: #666;
	margin: 0;
	height:100%;

}

h1
{
	font-size:1.5em;
	font-weight:300;
	color: #c2292e;

}
h2
{
	font-size:1.3em;
	font-weight:300;
	color: #c2292e;

}
h3
{
	font-size:1.1em;
	font-weight:300;
	color: #c2292e;

}
.aligntextgauche p
{
	text-align:left;
}

.strong
{
	font-weight:bold;
}
p
{
	font-size: 1.0em;
	font-weight: normal;
	color:#777;
}
strong
{
	font-weight:normal;
}
/* Header */
.inner {
	position:relative;
	max-width:100%;
	min-height:130px;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
		-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align:center;
}
.logo
{
	float:left;
	margin-top:-70px;
	margin-left:10px;
	height:120px;
	width:226px;
}

header a
{
    color: #c2292e;
	text-decoration: none;
	margin-top: 0px;
}

.langueSlice
{
	width:100%;
	height:75px;
	}
.socialLangue
{
	float:right;
	margin-top:20px;
	margin-right:20px;
}
.lang{
	display:inline-block;
	padding: 8px 28px;
	vertical-align: middle;
	background-color:transparent;
	border: 1px solid rgba(102, 102, 102, .70);
	border-radius: 40px;
	font-size: 20px;
	font-weight:200;	
	color: rgba(194, 41, 46, .70);
	-webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear;
}
.lang:hover {
	background-color:#c2292e;
	border-color:#c2292e;
	color:#fafafa;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.fadInDown{
   -webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}

.animated
{
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.languagebanner
{
	float:right;
	margin-top:10px;
	margin-right:20px;
	height:55px;
}


/* Navigation */

nav
{
	float:left;
	min-width:70%;
	height:auto;
	margin-top:-40px;
    text-align: center;

}

.menu-nav
{
	display:inline-block;
	margin-top:25px;
}



nav a
{
	font-size: 20px;
	font-weight:300;
    text-decoration: none;
}

.en-cours
{
	color: #999;
	cursor:default;
}



/*Squares*/
.hyseco
{
	display:inline-block;
	width:100%;
	min-height:50px;
	margin-top:-20px;
	text-align:center;
	background:#c2292e;
	padding-top:30px;
		-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;

}
.hyseco h1
{
	margin-top:5px;
}

.hysecoCentre
{
	display:inline-block;
	margin-top:30px;
	width:100%;
	height:auto;
	text-align:center;
}
.hysecoCentre h1
{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

.hyseco h1
{
	color:#ffffff;
}
.square
{
	float:left;
	width:42.5%;
	margin-left:5%;
	min-width:320px;
	margin-top:0;
	padding-top:0;
}

/*Paragraphes et images des Squares*/
.paragrapheSquare
{
	text-align:center;
}

.paragrapheSquare h1
{
	color:#444;
}

.centerSquare 
{
	width:345px;
	height:238px;
	display: block;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
	text-align:left;
	
}

/* Anim JS */

.item {
	width:345px;
	height:230px;
	background:#fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;

	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:345px;
	height:230px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}

.item .caption a {
	text-decoration:none;
	font-size:16px;	
	color:#ffffff;
	
	/* add spacing and make the whole row clickable*/
	display:block;
}
.caption ul
{
	display:table-cell;
	height:230px;
	width:305px;
	vertical-align:middle;
}


.item .caption li {
	width:95%;
	margin-top:10px;
	font-weight:normal;
}
.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}
.section
{
width: 100%;
height:100%;
overflow:hidden;
   padding-bottom:381px;   /* Height of the footer */
   

}
section
{
width: 100%;
height:100%;
overflow:hidden;
   padding-bottom:381px;   /* Height of the footer */
   

}
/*footer*/

footer
{
   position:absolute;
	bottom:0;
	margin-top:20px;
	min-height:60px;
	width:100%;
	background:#f9f9f9;
	text-align:center;
	border-top: 1px solid #f5f5f5;
}
.footer_column
{
	display:inline-block;
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:top;
}
#noSocial
{
	width:70%;
	margin-left:200px;
}
.footer_column ul
{
	list-style:none;
	text-align:left;
	margin-left: 0;
	margin-right: 0 !important;
	-webkit-margin-before: 0em;
	-webkit-padding-start: 0px;
	 -moz-padding-start: 0px;    // firefox

}
.footer_column ul li
{
	margin-left:0;
	padding-left:0;
	padding-top:10px;
	text-align:left;
}
.footer_column ul a
{
	display:block;
	color:#c2292e;
	font-size:16px;
	font-weight:300;
	text-decoration:none;

}
.footer_column ul a:hover
{
	color:#444;
}
.footer_column h3
{
	text-align:left;
	color:#444;
	font-weight:300;
	-webkit-margin-before: 10px;
	-webkit-margin-after: 0px;
	 -moz-padding-start: 0px;    // firefox

}
.footer_ul
{
	width:250px;
	height:250px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
		 -moz-padding-start: 0px;    // firefox


}

#petit1
{
	width:150px;
}
#petit2
{
	width:150px;
}
#grandfb
{
	width:280px;
}
.fb-like-box
{
	width:290px;
	height:250px;
	background-color:#ffffff;

}
.copyright
{
	display:inline-block;
	width:100%;
	height:40px;
	padding-top:20px;
	background-color:#f5f5f5;
	font-size:0.8em;
	color:#444;
	font-weight:lighter;
	border-top: 1px solid #eee;
}


/*Services*/


.boxCouleur
{
	margin-bottom:10px;
}

.boxHeight
{
	height:auto;
	max-width:820px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:20px;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));

	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
}
.boxNoColor
{
	height:auto;
	overflow:hidden;
	margin-bottom:20px;

}
.boxImage
{
	display:inline-block;
	height:auto;
	vertical-align:top;
	overflow:hidden;

}
.boxTexte
{
	display:inline-block;
	max-width:430px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
	margin-left:20px;


}
.boxTexte h2
{
	font-size:1.2em;
	font-weight:normal;
	color:#444;
	padding-top:10px;
	-webkit-margin-before: 0;
	text-align:left;
}

.boxTexte p
{
	font-size:1.0em;
	text-align:left;
}
.boxGarantie
{
	display:inline-block;
	width:100%;
	height:auto;
	background:#c2292e;
}
.boxGarantie a
{
		line-height:40px;
	text-decoration:none;
	color:#111d28;
}
.boxGarantie h3
{
	display:inline-block;
	font-size:1.0em;
	color:#FFFFFF;
}
.garantieTxt
{
	display:inline-block;
	width:49%;
}
.garantieTxt100
{
	display:inline-block;
	width:100%;
}
.boutonDevis
{
	display:inline-block;
	width:140px;
	height:40px;
	text-align:center;
	vertical-align:top;
	background:#FFFFFF;
	cursor:pointer;
	border-radius: 5px;
	margin-bottom:20px;

}
.boutonDevis a
{
		line-height:40px;
	text-decoration:none;
	color:#111d28;
}
.boutonDevis:hover
{
	background:#DDD;
}

.boxMi
{
	display:inline-block;
	min-width:300px;
	max-width:400px;
	height:auto;
	margin-bottom:10px;
	overflow:hidden;
	vertical-align:top;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));

	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
}

#boxMiRight
{
	margin-left:20px;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
}
.boxMi .boxTexte
{
	margin-top:0;
	margin-left:0;
}
.boxMi .boxTexte h2
{
	text-align:center;
	color:#444;
}

.boxMi .boxTexte p
{
	font-size:1.0em;
	
}
.remplacbain
{

	display:inline-block;
	width:400px;
	vertical-align:top;
	height:auto;
	margin-left:3%;
	margin-right:3%;
	margin-top:30px;


}

/* Nos marques */

.brandBandeau
{
	display:inline-block;
	width:100%;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	padding-bottom:50px;

}

.mbCircle
{
	display:inline-block;
	    border-radius: 50%;
		-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
	margin-left:10px;
	margin-right:10px;
border:2px solid #fafafa;

}
.mbCircle:hover, .mendaCircle:hover, .stabiCircle:hover, .tubbyCircle:hover
{
	background-color:#999;
		-webkit-box-shadow: 0px 0px 0px #888888;
	-moz-box-shadow: 0px 0px 0px #888888;
	box-shadow: 0px 0px 0px #888888;
	background-color:#c2292e;

border:2px solid #c2292e;

}
.mendaCircle
{
	display:inline-block;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
	margin-right:5px;
	border:2px solid #fafafa;

}

.stabiCircle
{
	display:inline-block;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
	margin-left:5px;
	border:2px solid #fafafa;

}
.tubbyCircle
{
	display:inline-block;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
	margin-left:10px;
	border:2px solid #fafafa;

}
.brandPannel1
{
	display:inline-block;
	max-width:100%;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;

}
.brandPannel2
{
	display:inline-block;
	max-width:100%;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
}
.brandPannel3
{
	display:inline-block;
	width:100%;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
}
.brandPannel4
{
	display:inline-block;
	width:100%;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
}
	.menu-ul li, .menu-ul2 li
{
	width: 8.9em; /*Adapter taille du li au ul parent*/
	color: #c2292e;
}

.brandPannel1 p, .brandPannel2 p, .brandPannel3 p, .brandPannel4 p
{
	text-align:left;
}

.paddingBrand
{
	padding-left:20px;
	padding-right:20px;
}
.boxBrand
{
	display:inline-block;
	width:100%;
	height:auto;
	background:#c2292e;
	color:#FFFFFF;
	font-weight:bold;
}
.boxBrand a
{
		line-height:40px;
	color:#ffffff;
}
.boxBrand p
{
	display:inline-block;
	font-size:1.0em;
	color:#FFFFFF;
}
/*Qui sommes nous*/
#About1
{
	width:80%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}

#About2
{
	width:100%;
}
#AboutCenter
{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
#AboutCenter p
{
	text-align:left;
}
#timeline-embed
{
	height:650px;
}
/* Page de contact */


.central
{
	width:100%;
	text-align:center;
}
#contactMap
{	
	display:inline-block;
	max-width:800px;
	vertical-align:top;
	min-height:390px;

	
}
.contactBox
{

	padding:20px;
	padding-bottom:0px;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	text-align:center;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;

}

#titleBox
{
	width:auto;
	text-align:left;
	margin-left:30px;
	margin-top:30px;
	height:auto;
	color:#c2292e;
	overflow:hidden;
}
iframe
{
	margin-left:0px;
}
#gmap
{
	display:inline-block;
	width:400px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
}
.contactText
{
	display:inline-block;
	margin-top:0px;
	margin-left:10px;
	height:400px;
	vertical-align:top;
	text-align:left;
}
.contactText a
{
	text-decoration:none;
	color:#c2292e;
}
#contactForm
{
	display:inline-block;
	margin-top:39px;
	margin-left:20px;
	max-width:100% !important;
	height:600px;
}

.social
{
	text-align:center;
}
/* video */
.conteneurVideo
{
	max-width:1024px;
	height:auto;
	color:#666;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	text-align: center;


}
.conteneurCouleur
{
	display:inline-block;
	min-width:480px;
	overflow:hidden;
	background-color: #fafafa;
background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	padding-bottom:30px;
	margin-bottom:10px;
	margin-top:20px;
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;

}
.couleurDroite
{
	margin-left:20px;
}
.textconteneur
{
	display:inline-block;
	margin-top:0;
	height:auto;
	width:100%;
	
}
.textconteneur2
{
	display:inline-block;
	margin-top:0;
	height:auto;
	width:100%;
	background:#FFF;
}
.video
{
	display:inline-block;
	width:400px;
	height:auto;
	margin-left:3%;
	margin-right:3%;
	margin-top:0px;

}
.menu-ul.js, .menu-ul2.js
{
	display:none;
}

@media screen and (max-width: 1040px)
{
	.fb-like-box, #grandfb
{
	display:none !important;
}	

	
}
								
@media screen and (max-width: 848px) {

	.inner {
	position:relative;
	width:100%;
	height:auto !important;
	overflow:hidden;
}

.logo
{
	display:inline-block;
	width:100%;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	overflow:hidden;
}

nav
{
	display:inline-block;
	overflow:hidden;
	width:100%;
	margin-top:0;
	height:auto;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.langueSlice
{
	display:none;
}

img
{
	max-width:100%;
}
	
#menu 
{
    width:1.4em;
	height:auto !important;
    display: inline-block;
	cursor:default;
    font-size:1.35em;
    text-align: center;
}
				 
ul.MenuBarHorizontal ul
{
	display:block;
    width:100%;
	height:auto !important;
    display: inline-block;
	cursor:default;
    text-align: center;
	left:0;
	overflow:hidden;
}

.menu-ul, .menu-ul2
{
	height:150px !important;
	overflow:hidden;

}
.menu-ul li, .menu-ul2 li
{
	background-color:#fafafa;
}

.menu-ul a, .menu-ul2 a
{
	border:solid  1px #4a4a4a;
}

			
ul.MenuBarHorizontal ul li
{
	width: 100%;
}

/*de base on n affiche pas le menu js */
.menu-nav.js 
{
	display: none;
}
.menu-ul.js, .menu-ul2.js
{
	display:none;
}
                
ul.MenuBarHorizontal
{
	width:100%;
}
                
.menu-nav li 
{
	width:100%;
    border-right:none;
}

.mbCircle, .mendaCircle, .stabiCircle, .tubbyCircle
{
	margin-bottom:20px;
}



}

        @media screen and (min-width: 849px) {
/*on cache le menu*/
#menu {
	display: none;
}
		
	
.menu-ul.js ul, .menu-ul2.js ul/*reinitialiser les reglages du menu-ul pour affichage en mode normal*/
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.9em;
	position: absolute;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	width: 8.9em;
	height:auto;
	left: 0em;
}

	.menu-ul li, .menu-ul2 li
{
	width: 8.9em; /*Adapter taille du li au ul parent*/
	color: #c2292e;
}

}

@media screen and (max-width: 823px) {


#boxMiRight.boxMi
{
	margin-left:0px !important;


}
#About1 h1
{
	text-align:center;
}
.contactBox
{
	padding:0;
	padding-top:10px;
	margin:0;
	text-align:center;
	height:auto;

}
#contactMap
{
	width:90%;
	height:auto;
}
.contactText
{
	height:auto;
	padding-bottom:20px;
}
#contactForm
{
	margin-top:20px;

}

.square
{
	width:100%;
	margin-left:0;

}
.centerSquare
{
	width:345px;
}

}

@media handheld { 
#gmap
{
	display:none;
}
}

@media screen and (max-width: 710px) {

.footer_ul
{
		height:auto !important;

}
.section
{
   padding-bottom:560px;   /* Height of the footer */
   

}
section
{
   padding-bottom:560px;   /* Height of the footer */
   

}
}
@media screen and (max-width: 490px) {
.sitemap
{
	display:none;
}
#gmap
{
	display:none !important;
}	
.contactText
{
	margin-left:0px;
}
.item
{
	width:300px;
	height:200px;
}
.square
{
	width:100%;
	margin-left:0;

}
.centerSquare
{
	width:300px;
}
.caption ul
{
	height:200px;
	width:255px;
}
.boxImage img
{
	max-width:90%;
	overflow:hidden;
}
.boxImage
{
	max-width:90%;
}
.boxTexte
{
	max-width:90%;
}
.video
{
	max-width:94%;
}
#timeline-embed
{
	width:100%;
	margin:0;
	padding:0;

}
.size
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.conteneurVideo
{
	max-width:100%;
	
}


.conteneurCouleur

{
	min-width:0;
	max-width:90%;
}
.boxMi
{
	max-width:90%;
}
.boxHeight
{
	max-width:90%;
}

.footer_ul
{
	width:100% !important;
	height:auto !important;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
}
.footer_ul h3, .footer_ul ul a
{
	text-align:center;
}
#petit2, #petit1
{
	height:auto !important;
}

.section
{
width: 100%;
height:100%;
overflow:hidden;
   padding-bottom:818px;   /* Height of the footer */
   

}
section
{
width: 100%;
height:100%;
overflow:hidden;
   padding-bottom:818px;   /* Height of the footer */
   

}


}

.maxWidth
{
	width:100%;
}
.centerBody
{
	text-align:center;
}


        @media screen and (min-width: 1040px) {

.maxWidth
{
	display:inline-block;
	max-width:1040px;
}

.copyright p
{
	display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

		}
@media screen and (max-width: 1040px) {
.brandPannel1, .brandPannel2, .brandPannel3, .brandPannel4
{
	max-width:80%;
	margin-bottom:40px;
}
	
}
@media screen and (max-width: 982px) {
.couleurDroite
{
	margin-left:0px;
}
nav a
{
	font-size: 16px;
	font-weight:600;
    text-decoration: none;
}

}


* + html .element img {
	

    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
   img {border: 0; text-decoration: none;}

}