*{margin:0; padding:0;}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
background:url(images/bg-red.jpg) repeat-x top;
}

a{color:#003366;}

p{
margin-bottom:7px;
text-align:justify;
}

.bg{
/*background: url(images/wrapper/bg.png) repeat-x top #FFFFFF;*/
background:url(images/bg.jpg) no-repeat top center;
}

.wrapper{
width: 954px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}

.top-bottom{
clear:both;
height:5px;
background: url(images/wrapper/top-bottom.gif);
}



.top{
background: #fff;
height: 50px;
}

.top h1{
position: absolute;
font-size:10px;
color:#666;
margin-left:250px;
margin-top:20px;
font-weight:normal;
}

* html .top h1{
margin-left:50px;
}

*+html .top h1{
margin-left:50px;
}


.bt-new{display:block; position:absolute; background:#f00000; color:#fff; font-size:10px; padding:1px; margin-left:120px; margin-top:4px;}
.menu{height:27px;border-bottom: 1px solid #8eaddb;}
.menu .left{width:6px;height:27px;background: url(images/menu/left.gif) no-repeat;float:left;}
.menu .right{width:6px;height:27px;background: url(images/menu/right.gif) no-repeat;float:left;}

.menu-content{float:left;height:27px;width: 942px;background: url(images/menu/bg.gif) repeat-x;}

.clear{clear:both;}


/* ----------------------- SLIDESHOW ------------------------ */

#slideshow {height:171px; display:block; background:url(images/index/slideshow/bg.png) repeat-x top; background-image:url(images/index/slideshow/bg-2.png);}
#slideshow  .offre2010 form{margin:0;padding:0; padding:10px; width:385px; height:60px; float:left; background:url(images/2010/whois.jpg) no-repeat;}
#slideshow  .offre2010 form div input.continuer{float:right;}

#slideshow  .offre2010 form div input.ndd{background:url(images/2010/www.gif) no-repeat top left #fff; border:1px solid #000; height:19px; font-size:14px; font-weight:bold; color:#a40000; padding:1px; padding-top:2px; width: 170px; padding-left:43px;}
#slideshow  .offre2010 form div select{border:1px solid #000; font-size:14px; font-weight:bold; color:#a40000; vertical-align:top; height:24px; width:80px;}
#slideshow  .offre2010 form span, #slideshow  .offre2010 form span a{font-size:11px; color:#ccc;}
#slideshow  .offre2010 form span a:hover{text-decoration:none;}
#slideshow  .offre2010 form span{padding-top:10px;}

#slideshow .social {float:right; width: 35px; height:156px; background:#000; padding-left:7px; padding-top:15px;}

#slideshow  .social a.rss,#slideshow  .social a.twitter,#slideshow  .social a.facebook,#slideshow  .social a.nfo{width:27px; height:29px; display:block; margin-bottom:7px;}

#slideshow  .social a.rss{background:url(images/2010/social/rss-1.jpg) no-repeat;}
#slideshow  .social a.rss:hover{background:url(images/2010/social/rss-2.gif) no-repeat;}

#slideshow  .social a.twitter{background:url(images/2010/social/twitter-1.jpg) no-repeat;}
#slideshow  .social a.twitter:hover{background:url(images/2010/social/twitter-2.gif) no-repeat;}

#slideshow  .social a.facebook{background:url(images/2010/social/facebook-1.jpg) no-repeat;}
#slideshow  .social a.facebook:hover{background:url(images/2010/social/facebook-2.gif) no-repeat;}

#slideshow  .social a.nfo{background:url(images/2010/social/netissime-1.jpg) no-repeat;}
#slideshow  .social a.nfo:hover{background:url(images/2010/social/netissime-2.gif) no-repeat;}



form#whois-mail{margin:0; padding:0; background:url(images/bg-mail.gif) repeat-x bottom; margin-bottom:7px; padding:1px;}
form#whois-mail input.chps{border:1px solid #ccc; font-size:11px; color:#000; width: 69px; height: 14px; padding:2px;}



#slideshow-bottom {height:31px; width: 954px; display:block; background:url(images/index/slideshow/bottom.png) no-repeat; line-height: 28px; clear:both;}
#slideshow-bottom  h2{ font-size:11px; color:#787878; padding-left:95px; font-weight:normal; margin:0}

#slideshow .inside{float:left; width:669px; height:171px; position: relative; /*added*/ overflow: hidden; /*added*/}
#slideshow .inside h3{font-size:11px; color:#ff0000; font-weight:normal; margin:0; padding:0; display:block; padding-top:25px; z-index:10000; padding-left:3px;}
#slideshow .inside h1{font-size:26px; color:#fff; font-weight:bold; margin:0; padding:0; padding-top:0px; display:block; z-index:10000;}
#slideshow .inside p  {font-size:12px; color:#fff; font-weight: normal; margin:0; padding:0; padding-top:11px; display:block; line-height:18px; z-index:10000;}
#slideshow .inside a.plus  {display:block; padding-top:5px;}
/* #slideshow .inside a.plus img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/en-savoir-plus.png', sizingMethod='scale');} */
#slideshow .inside a img {border:0;}
#slideshow .inside img.illu {float:left; margin-right:5px; border:0; }

#slideshow .inside .contentdiv{
visibility: hidden; 
position: absolute; /*added*/
left: 0;  /*added*/
top: 0;  /*added*/
background: url(images/index/slideshow/bg.png) repeat-x;	/*added*/
padding: 0px;
height: 171px;
width:669px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#slideshow .inside .contentdiv a.whole{
display:block; position:absolute; width : 669px; height: 171px;
}

html>/**/body  #slideshow .inside .contentdiv{position:absolute;}


form#halloween {margin:0; padding:0; position:absolute; margin-left:230px; margin-top:117px; display:block; width: 305px;}
div.reste{position:absolute; font-size:11px; color:#fff; font-weight:normal; display:block; margin-left:256px; margin-top:4px; z-index:10000;}
.anim-flash{position:absolute; margin-left:227px; margin-top:17px; z-index:10;}
form#halloween input.request {background: url(images/index/slideshow/www.gif) no-repeat left top #ffe5ce; border:1px solid #000; color:#4b0000; font-size:14px; font-weight:bold; padding:2px; padding-left:40px; width:150px;}
form#halloween select {background:#ffe5ce; border:1px solid #000; color:#000; font-size:14px; font-weight:bold; padding:1px;}
form#halloween input.gog{float:right;}


/* ----------------------- WHOIS ------------------------ */

#slideshow #whois{padding:10px;width:261px;height:150px;float:right;background:url(images/index/whois/bg.png) no-repeat;}
* html #slideshow #whois{margin:0px;}

#slideshow #whois .more{float:right; font-size:10px; color:#126093; margin-right:6px; margin-top:0px;}
#slideshow #whois .more a{font-size:10px; color:#126093; text-decoration:none;}
#slideshow #whois .more a:hover{text-decoration: underline;}
#slideshow #whois .more img{border:0; float:left; margin-right:8px;}
#slideshow #whois h1 a{font-size:18px; font-weight:bold;}

#slideshow #whois p{font-size:11px; color:#696969; padding-top:6px; padding-bottom:0px; display:block; width:265px;}

#slideshow #whois form{margin:0; padding:0;}
#slideshow #whois form .bg{padding:0px; background:none;padding-left:4px; margin-top:-4px; position:relative; margin-bottom:3px; display:block; height:25px;}
* html #slideshow #whois form .bg{margin-bottom:0px;}


#slideshow #whois form .bg input{margin:0;padding:2px; width: 126px; height:18px; font-size:14px; font-weight:bold; color:#b43de3; float:left; margin-right:4px; background:url(images/index/whois/www.gif) no-repeat left center #fff; border:1px solid #ccc; padding-left:39px;}
#slideshow #whois form .bg select{padding:2px; width: 79px; height:24px; font-size:14px; font-weight:bold; color:#5f5f5f; float:left;}
#slideshow #whois form input{float:left; margin-left:4px;}


#slideshow #whois .dom ul, li {margin: 0;padding: 0;list-style-type: none;}
#slideshow #whois .dom {display:block;list-style: none;margin: 0;padding: 0;}
	
#slideshow #whois .dom li{
	width: 170px;
	display:block;
	background: url(images/index/fleche.gif) center right no-repeat;
	display: block;
	height:18px;
	text-indent:6px;
	color: #2a5f92;
	font: 11px Arial,sans-serif;
	line-height: 18px;
	text-decoration: none;
	border: 0px solid #f9f9f9;
	border-bottom: 1px solid #e3e7eb;
	}
#slideshow #whois .dom li small {color:#ff0000;font-size:10px;margin: 2px 0px 0px 40px;position: absolute;}
#slideshow #whois .dom li small.gris {color:#d0d0d0;font-size:10px;margin: 2px 0px 0px 78px;position: absolute;}
#slideshow #whois .dom li small.gris span{width:33px; height:17px; background:url(images/index/whois/gr.png) no-repeat; position:absolute; display:block; margin-left:5px; margin-top:2px;}





.content{width: 954px;}

.content-top{height:7px;background: url(images/index/wrapper-top.png) no-repeat;}
.content-bottom{height:7px;background: url(images/index/wrapper-bottom.png) no-repeat; margin-top:-6px; z-index:1000; position:relative;}

.content-body{background: url(images/index/wrapper-bg.png) repeat-y top center #fff; padding:0px;}



/* ----------------------- OFFRE ------------------------ */


#offre{
float:left;
width:190px;
background:url(images/offre-border.png) right top no-repeat #fff;
padding-right:1px;
}

#offre.acces{float:left;width:183px;border-right:1px solid #d7d7d7;background:none;margin-top:-7px; display:block;}
#offre form.acces-client{width:184px;background:url(images/index/acces-bg.png) top left no-repeat;position:relative;height:140px; margin-bottom:3px; margin-top:-2px; margin-left:-1px; border-right:1px solid #d7d7d7;}

#offre form.acces-client h1{font-size:18px; font-weight:bold; color:#2a5f92; padding:7px;}
#offre form.acces-client div.lgn  {display:block; padding-left:7px; clear:both;}
#offre form.acces-client div.lgn  label{font-size:12px; color:#2a5f92; width: 40px; display:block; float:left; font-weight:bold;}
#offre form.acces-client div.lgn  input.login, #offre form.acces-client div.lgn  input.pass{font-size:12px; font-weight:bold; color:#797979; padding:0px; float:left; width:75px; margin-bottom:3px; height:15px; margin-top:-3px;}
#offre form.acces-client div.lgn  a.oubli{display:block;clear:both;font-size:10px; color:#126093;text-decoration:none;padding:4px 0px 0px 0px;}
#offre form.acces-client div.lgn  a.oubli:hover{text-decoration:underline;}



#offre.acces ul{padding-left:1px;}
#offre.acces ul li{height:25px; display:block;}
#offre.acces ul li a{height:25px;
 display:block;
font-size:11px;
font-weight:bold;
display:block;
background: url(images/menu-left.png) no-repeat;
text-indent:20px;
line-height:22px;
text-decoration:none;}

#offre.acces ul li a:hover{text-decoration: underline;}


#offre .top{min-height:65px; padding:8px; padding-top:0;}
#offre .top2{min-height:50px;}
#offre .bottom{height:118px;background: url(images/offre-bg.png) repeat-x bottom #fcfcfc; border-top:1px solid #eee; padding:8px;}

#offre div.ill{height:64px; display:block; line-height:64px;}
#offre div.ill img{display:block; margin:0 auto; text-align:center; line-height:64px; vertical-align:middle; border:0;}
#offre .top h1{margin:0; padding:0; font-size:18px; font-weight:bold; color:#2a5f92; text-align:center; margin:0 auto; float:none; height:18px; position: relative; margin-bottom:10px; display:block;}
#offre .top h1 a{color:#2a5f92; text-decoration:none;}
#offre .top h1 a:hover{text-decoration: underline;}
#offre .top p{margin:0; padding:0; font-size:11px; color:#696969; display:block; float:none; position: relative;}

.partenaire {margin-top:-6px;}
* html #offre .partenaire {background:none; width:191px; margin-top:-6px;}


/* ----------------------- OFFRE / BOTTOM ------------------------ */

#offre .bottom #menu ul, li {margin: 0;padding: 0;list-style-type: none;}
#offre .bottom #menu {display:block;list-style: none;margin: 0;padding: 0; height:95px;}
#offre .bottom #menu li {display:block;}
	
#offre .bottom #menu li a {
	background: url(images/fleche.gif) center right no-repeat;
	display: block;
	height:20px;
	text-indent:6px;
	color: #2a5f92;
	font: 11px Arial,sans-serif;
	line-height: 20px;
	text-decoration: none;
	border: 0px solid #f9f9f9;
	border-bottom: 1px solid #e3e7eb;
	}
#offre .bottom #menu li a:hover, #offre .bottom #menu li a:focus, #offre .bottom #menu li a:active {background: url(images/fleche.gif) center right no-repeat #fff;text-decoration: underline;}
#offre .bottom #menu li small {color:#ff0000;font-size:10px;margin: 3px 0px 0px 105px;position: absolute;}

#offre .bottom img.px{float:right; margin-top:-7px;}
#more {float:left;width: 100px;}
#more a{color: #126093;font-size:11px;text-decoration: none;font-weight:bold; padding: 0 0 0 14px;background: url(images/plus.png) no-repeat 5% 40%}
	
#more a.buy {color: #ff0000;font-size:11px;text-decoration: none;padding: 0 0 0 14px;background: url(images/caddie.png) no-repeat 0 50%;}


.footer{
background: url(images/index/footer/bg.jpg);
width:954px;
}

.footer-top{background: url(images/index/footer/bg-top.jpg);width:954px;height:87px;display:block;}
.footer-top .foot{display:block; width: 248px; float:left; margin-top: 26px; height: 45px;}
.footer-top .foot a{display:block; color:#fff; background:url(images/index/footer/france.png) no-repeat 0% 20%; padding-left: 40px; text-decoration:none; height: 35px;}
.footer-top .foot a h2{font-weight:bold; font-size:11px;}
.footer-top .foot a:hover h2{text-decoration:underline;}
.footer-top .foot a small{font-weight:normal; font-size:11px;}

.footer-top .numero{font-weight:normal; font-size:11px; padding-top:7px; margin-left:5px; display:block;}
.footer-top .numero strong{font-size:11px; color:#c3d3dd;}
.footer-top .numero strong.wh{color:#fff;}
.footer-top .numero small{color:#c3d3dd; font-size:10px; font-weight:normal;}
.footer-top .numero a{font-size:11px; font-weight:normal; text-decoration:underline; color:#fff;}
.footer-top .numero a:hover{text-decoration:none;}

.footer #bloc{
float:left;
width: 176px;
margin-right:16px;
margin-top:8px;
}

.footer #bloc h2{
font-size:12px;
color:#1a4f81;
font-weight:bold;
}

.footer #bloc ul{
list-style:none;
}

.footer #bloc ul li a{
color: #333333;
font-size:11px;
font-weight:normal;
}

.footer #bloc ul li a:hover, .footer a:hover{
text-decoration:none;
}

.footer img.paiements{
position: absolute;
margin-left: 263px;
margin-top:27px;
}

#news {
float: right;
margin-left:7px;
margin-right:2px;
}

#news .feedd {
position:absolute;
border:0;
margin-left:185px;
margin-top:3px;
}

#news .twitt {
position:absolute;
border:0;
margin-left:210px;
margin-top:3px;
}

#news .top{
width:335px;
height: 16px;
padding-left:40px;
padding-top: 5px;
background: url(images/news/top.jpg) no-repeat;
font-weight:bold;
font-size:12px;
color:#003366;
}

#news .newss{
width:375px;
min-height: 50px;
background: url(images/news/bg.gif) repeat-y;
border-bottom:1px solid #dadada;
}

#news .newss .contenu{
height: 135px;
padding: 5px;
overflow:auto;
}

#news .newss .contenu img{
padding: 3px;
border:1px solid #dadada;
float:left;
margin-right:3px;
clear:both;
}

#news .newss .contenu a.title{
background: url(images/add.gif) left center no-repeat;
padding-left:11px;
font-size:11px;
font-weight:bold;
color:#497595;
}

#news .newss .contenu p{
font-size:10px;
color:#8e8e8e;
}

.apropos{font-size:11px; line-height:16px; padding:5px; color:#787878; width:360px; float:left;}
.apropos h2{color:#2e5c8c; font-weight:bold; font-size:18px; padding-bottom:10px;}
.apropos a{text-decoration:none;}

img, a { behavior: url(iepngfix-div.htc) }
div.bg, div.wrapper{behavior:url()}


.popup{background:url(solutions-e-commerce-en-ligne/images/comp/bg-test.jpg) no-repeat; width:511px; height:150px; display:block; padding-top:50px; padding-left:50px;}
.popup a img.essai{float:left;margin-right:60px;background-color: transparent;background: transparent none no-repeat;}
.popup a img.bout{float:left;margin-right:50px;background-color: transparent;background: transparent none no-repeat;}
.popup a img.videoo{float:left;background-color: transparent;background: transparent none no-repeat;}

.popup a img{filter : alpha(opacity=100);-moz-opacity : 1;opacity : 1; }
*+html img.essai, *+html img.bout, *+html img.videoo{filter : alpha(opacity=100);-moz-opacity : 1;opacity : 1;}
html>/**/body .popup a:hover img{filter : alpha(opacity=40);-moz-opacity : 0.4;opacity : 0.4; }

*+html img.essai{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='solutions-e-commerce-en-ligne/images/comp/30-jours.png', sizingMethod='crop');}
*+html img.bout{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='solutions-e-commerce-en-ligne/images/comp/site-test.png', sizingMethod='crop');}
*+html img.videoo{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='solutions-e-commerce-en-ligne/images/comp/video.png', sizingMethod='crop');}