@charset "utf-8";
@import url(structure.css);
body { color:#000; font-size:12px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }
h1, h2, h3, h4, h5, h6 { color:#000; }
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#000; padding:3px; }
input { color:#000; padding:3px; }
#intro h1 { color:#000; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#000; } /* couleur du texte de l'intro */
#intro p { font-size:.9em; }
#adresse p, #adresse a { color:#fff; } /* couleur des liens de bas de page */
#adresse p {font-size: 1.45em;}
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }


/*	Mise en page
----------------------------------------------------------*/

/*	Page d'accueil
----------------------------------------------------------*/
/*h1#chapeau { padding:1em 0 2em; }*/ 
.illustration { float:left; padding:0 2em 30px 0; margin-top:20px; }
/*#p_accueil { margin-top:.5em; } - Activer pour descendre le 1er paragraphe */

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/
#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}
#mmenu
{
	height:49px;
	width:1014px;
	background:url(../images/bg-mainmenu.png) repeat-x;
	border-radius:5px;
	margin:0 5px 5px 5px;
}
#mmenu ul
{
	float:left;
}
#mmenu ul li
{
	list-style:none;
	height:49px;
	line-height:50px;
	float:left;
}
#mmenu ul li a
{
	text-decoration:none;
	padding:0 20px;
	padding:0 17px\9;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#mmenu ul li a:hover
{
	text-decoration:none;
	padding:0 20px;
	padding:0 17px\9;
	color:#f4ec3e;
}
#slide
{
	width:1014px;
	height:320px;
	margin:0 auto;
	background:url(../images/underline-slide.png) bottom repeat-x;
}
.framehot
{
	width:1024px;
	height:132px;
	padding:10px;
  overflow: hidden;
}
.framepro
{
	width:335px;
	height:132px;
	float:left;
	text-align:left;
}
.hotpro
{
	width:124px;
	height:107px;
	padding:5px;
	border:1px dashed #cccccc;
	margin-right:10px;
	float:left;
}
.mproduct, .msupport, .mpartner, .mvisitor
{
	width:222px;
}
.titlemproduct
{
	height:41px;
	background:#DC0000;
	text-align:center;
	color:#fff;
	line-height:41px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0px;
}
.titlemproduct h1,.titlemproduct h2,.titlemproduct h3,.titlemproduct h4 {padding:0px;color: #fff;line-height: 41px;font-weight: bold;font-size: 100%;}
.mproduct > ul
{
background:#f1f1f1;
padding:20px 0;
}
.mproduct > ul li
{
	list-style:none;
	background:url(../images/underline-leftmenu.png) bottom repeat-x;
	height:30px;
	line-height:30px;
	margin-right:20px;
	margin-left:15px;
	padding-left:5px;
}
.mproduct > ul li:hover
{
	background:#ffdb12 ;
	border-radius:5px;
}
.mproduct > ul li:hover a
{
  padding-left:10px;
}
.mproduct > ul li.lasted
{

}
.mproduct > ul li.lasted:hover
{
	background:#ffdb12 !important;
}
.mproduct > ul li a
{
	text-decoration:none;
	color:#484848;
  -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
filter: none!important;
}

.titlepage
{
	background:#f5f5f5;
	border-radius:5px;
	height:38px;
	line-height:38px;
	padding-left:10px;
	margin-bottom:10PX;
}
.msupport
{
	width:222px;
}
.mpartner > .titlemproduct, .msupport > .titlemproduct
{
	height:41px;
	background:#DC0000;
	text-align:center;
	color:#fff;
	line-height:41px;
	font-weight:bold;
}

.msupport > ul, .mpartner > ul
{
background:#f5f5f5 url(../images/bg-msupport.png) repeat-x;
padding:20px 0;
border-radius:0 0 5px 5px;
}
.msupport > ul li
{
	list-style:none;
	background:url(../images/underline-leftmenu2.png) bottom repeat-x;
	line-height:30px;
	margin-right:20px;
	margin-left:15px;
	padding-left:5px;
	color:#484848;
}
/*.msupport > ul li:hover
{
	background:#084943 url(../images/underline-leftmenu.png) bottom repeat-x;
	border-radius:5px;
}*/
.msupport > ul li.lasted
{
	background:none;
}
/*.msupport > ul li.lasted:hover
{
	background:#084943
}*/
.msupport > ul li a
{
	text-decoration:none;
	color:#0b5d55;
}


.mvisitor
{
	width:222px;
	
}
.mvisitor > .titlemproduct
{
	height:41px;
	background:#DC0000;
	text-align:center;
	color:#fff;
	line-height:41px;
	font-weight:bold;
}
.mvisitor > ul
{
background:#f5f5f5 url(../images/bg-msupport.png) repeat-x;
padding:20px 0;
border-radius:0 0 5px 5px;
}
.mvisitor > ul li
{
	list-style:none;
	background:url(../images/underline-leftmenu2.png) bottom repeat-x;
	height:30px;
	line-height:30px;
	margin-right:20px;
	margin-left:15px;
	padding-left:5px;
	color:#484848;
}
/*.msupport > ul li:hover
{
	background:#084943 url(../images/underline-leftmenu.png) bottom repeat-x;
	border-radius:5px;
}*/
.mvisitor > ul li.lasted
{
	background:none;
}
/*.msupport > ul li.lasted:hover
{
	background:#084943
}*/
.mvisitor > ul li a
{
	text-decoration:none;
	color:#0b5d55;
}
.frmproductnew,.frmproductnewend
{
width: 245px;
height: 350px;
	float:left;
	margin-right:15px;
	border:1px solid #f5f5f5;
	text-align:center;
	overflow: hidden;
	margin-top:15px;
	background:#fff;
  position:relative;
}
.percent{
  position:absolute;
  background: url("../images/icon_percent.png") no-repeat;
  width: 60px;
height: 80px;
}
.percent span {
font-weight: bold;
font-size: 26px;
color: #FFF;
position: absolute;
top: 31px;
left: 10px;
}

.frmproductnewend {margin-right:0px;  }
.frmproductnew > img
{
	margin:0 auto;
}
.imfoproduct
{
	padding:5px 10px;
	text-align:left;
}
.imfoproduct h3
{
font-weight: 400;
font-size: 14px;
height: 40px;
padding: 0;
}
.frmproductnew:hover, .frmproductnewend:hover
{
box-shadow: #E4D77B 0px 0px 5px;
border: #E4D77B 1px solid;
}
#liens_bas ul
{
	padding-left:150px;
}
#liens_bas ul li
{
	background:url(../images/linemenufoot.png) right no-repeat;
	height:78px;
	float:left;
	line-height:45px;
	list-style:none;
}
#liens_bas ul li.lasted
{
	background:none;
}

#liens_bas ul li a
{
	text-decoration:none;
	color:#FFF !important;
	padding:0 20px;
}
#liens_bas ul li h4,#liens_bas ul li h5
{
	color:#fff;font-weight:normal;display:inline-block;padding:05px;margin:0px;line-height:18px;font-size:100%;
}
#searcher {
    background: none repeat scroll 0 0 #b6091f;
    border: 1px solid #f81014;
    border-radius: 5px;
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 8px 15px 0 0;
    overflow: hidden;
    width: 250px;
}
.contentsearch {
    border-radius: 5px;
    color: #fa1013;
    float: left;
    text-align: left;
    width: 200px;
	padding-left:8px;
}
.buttonsearch {
    float: right;
    height: 18px;
    width: 23px;
	padding-right:5px;
}
#search {
    border: medium none;
    color: #fa1013;
    padding-left: 10px;
    width: 180px;
}
#colonneGauche2 {background: #F1F1F1;/* padding-top: 15px; */}

.pull-left {
float: left;
width:150px;
}
 p.prices .price {
font-size: 22px;
color: #F00;
line-height: 30px;
}
p.prices .old-price {
  font-size: 14px;
text-decoration: line-through;
}
.buy {
float: right;
line-height: 50px;
height: 50px;
width: 70px;
color:#fff;
text-align:center;
background: #408CC8 url('../images/icon-buy.png') no-repeat 5px;
cursor: pointer;
border:none;
padding-left:10px;
}
.buy:hover {background:#FFDB12 url('../images/icon-buy.png') no-repeat 5px;;}
.buy a{margin-left:10px;color:#fff !important;}
.namecopany h5{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
}
.h6p {padding: 0px;margin: 0px;line-height: 20px;overflow: hidden;}