/* ---------------------- cadre flottant ------------------------ */


/* liste code promo*/
.listeaccueilpromo{
	width:600px;
	height:26px;
	}
#listeaccueil  {
	list-style-type:none;

}

#listeaccueil li, #listeaccueil div {overflow:auto;zoom:1; padding-left:10px;}

#listeaccueil a {
	float:left;
	width:15%;
	margin:0;
	font-size:14px;
}
/*fin liste code promo*/
/**********************************************************************/
/* liste code promo*/
.listimgf{
	width:600px;
	height:40px;
	}
#listimgf  {
	list-style-type:none;

}
#listimgf li, #listimgf div {overflow:auto;zoom:1; padding-left:10px; margin-bottom:15px; height:54px}
#listimgf div {
	float:left;
	width:25%;
	margin:0;
}

/*fin liste code promo*/
/**********************************************************************/
/*/////CADRE //////*/
#bul {
margin-right: 20px;
margin-top: 10px;
margin-left:20px;
background-color: #fbf8f1;
}

.cadrecontenu{ 
	padding: 0 0px 0 5px;
}
#cadrehg, #cadrehd, #cadrebg, #cadrebd {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* pour bug IE */
}
#cadrehg {
background: url(images/cadrehg.gif);
}
#cadrehd {
float: right;
background: url(images/cadrehd.gif);
}
#cadrebg {
background: url(images/cadrebg.gif);
}
#cadrebd {
float: right;
background: url(images/cadrebd.gif);
}
/*/////FIN CADRE //////*/



.imgprod{
	border:0;
	}
.imgcompobjphoto{
	margin-left:20px;
	margin-top:10px;
	border:0px
}
#produits {
	padding: 0;
	list-style: none;
	margin-top: 10px;
	margin-right: 200px;
}

.produitprix{
	margin-bottom:10px;
	margin-left:15px;
	font-weight: bold;
	color: #333333;
	}
#produits li {
	width: 100%; /* nécessaire pour IE6 pour empêcher le dépassement des flottants */
	overflow: hidden;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9F2E6;
	margin-left:0px;
	padding-top:5px;
	margin-bottom:5px;
	
}
.produitsmall{
	margin-top:10px;
	font-size: 11px;
	color: #333;
	}
#produits li:hover {
	width: 100%; /* nécessaire pour IE6 pour empêcher le dépassement des flottants */
	overflow: hidden;
}

#produits li .quatrieme {
	float: left;
	width:120px;
	text-align:center
}
#produits li p {
	padding-left:10px;
	padding-right:10px;
}
#produits li .troisieme {
	float: left;
	width:90px;
	padding-top:20px;
	text-align:center;
}

#produits li .prix {
	font-weight: bold;
	color: #F67821;
	font-size: 14px;
}


#produits li .second {
	float: left;
	width:350px;
}
#produits li .first {
	display: block;
	zoom: 1; /* HasLayout: dans l'idéal, à adresser à IE6 uniquement, via un commentaire conditionnel */
	overflow: hidden; /* contexte de formatage pour que l'élément soit repoussé par le flottant */
	width:130px;
	text-align:center;
	float:left
	}

.compbtn{
	text-align:center;
	margin-top:5px;
	margin-bottom:3px;}

.tabpoduim0{
	margin-top:-20px;
	background-color: #FFFFFF;
	background-image: url(images/poduim_r2_c2.gif);
	background-repeat: no-repeat;
	width:734px;
	height: 20px;
	}
.tabpoduim1{
	background-image: url(images/poduim_r4_c2.gif);
	background-repeat: repeat-y;
	width:719px; 
	height: auto;
	padding-left:15px;
	padding-left:15px;
	}
.tabpoduim2{
	background-image: url(images/poduim_r6_c2.gif); 
	background-repeat: no-repeat;
	height:52px;
	width:736px;
	}

.nanotabs ul {
	margin:0;
	padding:0;

	}

.tabs div { clear:left; }
.tabs li { float:left; list-style:none; }
.tabs li a { display:block; padding:4px 0px; color:#333;  text-decoration:none; background-image:url(images/nano.gif); width:130px; text-align:center }
.tabs li a:hover {  color:#000; background-image:url(images/nanoho.gif); }
.tabs li a.selected { color:#FFF; background-image:url(images/nanohoho.gif); }

.tabs table.tabpod {
    background-color:#FFFFFF;
    border: solid #FFF 3px;
    width: 470px;
	margin-left:10px;
}

.tabs table.tabpod td {
    padding: 5px;
	border-bottom: solid #CCCCCC 1px;
	height:20px
}




.preload2 {background: url(images/menu/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:31px; background:#fff url(images/menu/boutona3.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; width:800px ; float:left;z-index:1;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:40px; 
	line-height:33px;
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	
}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/menu/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/menu/button4.gif) no-repeat;}buttona2
.menu2 li a.top_link:hover span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/menu/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/menu/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:140px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/menu/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(images/menu/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(images/menu/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:140px; z-index:200; height:auto;}

















.fondmenulab{
	background-image: url(images/fondlab.gif);
	background-repeat: no-repeat;
	width:430px;
	height:37px;
	margin-left:150px;
	padding-left:40px;
	padding-top:6px;
	}


#formatype, #format{
	border: thin solid #7F9DB9;
	}
#formatype:hover, #format:hover{
	background-color:#F7F7F7;
	}
.comparateurtext{
	text-align:center;
	border: .5px solid #7F9DB9;
	}
.cadre-gris1{
	background-image: url(images/cadre-gris_r1_c1.gif);
	background-repeat: no-repeat;
	margin-left:7px;
	width:250px;
	background-color:#FBFBFB
	}
.cadre-gris2{
	background-image: url(images/cadre-gris_r2_c1.gif);
	background-repeat: no-repeat;
	margin-left:7px;
	}	
#tbg1 p {
	background-image: url(images/p1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:18px;
	text-indent:10px;
	margin-bottom:0px;
	display:block;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	}
#tbg2 p {
	background-image: url(images/p2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:18px;
	text-indent:10px;
	margin-bottom:0px;
	display:block;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	}
#tbg3 p {
	background-image: url(images/p2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:18px;
	text-indent:10px;
	margin-bottom:0px;
	display:block;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	}

.tablabdivh{
	background-image: url(images/tablabdiv1.gif);
	background-repeat: no-repeat;
	width:670px;
	min-height:42px;
	margin-left:30px
	}
.tablabdivm{
	background-image: url(images/tablabdiv2.gif);
	background-repeat: no-repeat;
	width:670px;
	min-height:70px;
	display:block;
	margin-left:30px;
	overflow:hidden
	}
.tablabdivb{
	background-image: url(images/tablabdiv3.gif);
	background-repeat: no-repeat;
	width:670;
	min-height:58px;
	display:block;
	margin-left:30px;
	padding-left:60px;
	padding-top:15px;
	}


.poduim_first {

	float: left;
	width:10px;
	margin-right: 5px;
	margin-top:3px;

}

.poduim_second {
	font-size: 12px;
	color: #666666;
	display: block;
	zoom: 1; /* HasLayout: dans l'idéal, à adresser à IE6 uniquement, via un commentaire conditionnel */
	overflow: hidden; /* contexte de formatage pour que l'élément soit repoussé par le flottant */
}



.etoile{
	margin:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align:center
		}


.comptxt{
	padding-right:8px;
	}
#listcomp {
	margin: 0 3px;
	padding: 0;
	list-style: none;
}

#listcomp li {
	width: 100%; /* nécessaire pour IE6 pour empêcher le dépassement des flottants */
	overflow: hidden;
}

#listcomp li .first {
	float: left;
	width:85px;
	margin-right: 5px;
	
}

#listcomp li .second {
	font-size: 12px;
	color: #666666;
	display: block;

	zoom: 1; /* HasLayout: dans l'idéal, à adresser à IE6 uniquement, via un commentaire conditionnel */

	overflow: hidden; /* contexte de formatage pour que l'élément soit repoussé par le flottant */


}

/* Generated via www.cssmenubuilder.com */

/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{
	float:left;
	padding-left:15px;
	display:block;
	color:#333333;
	text-decoration:none;
	cursor:pointer;
	background:url('images/topMenuImages.png') 0px -30px no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{
	line-height:30px;
	background:url('images/topMenuImages.png') 0px -90px no-repeat;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages.png') 100% -90px no-repeat;}


		
		
.bouton{
	color: #00FF00;
	background-image: url(images/developpement-photo_04.gif);
	background-repeat: repeat-x;
	height:16px;
	text-decoration: none;
	}

.bouton span{
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: 40%;

	}
.tablabohaut{
	background-image: url(images/top.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 639px;
	float:left;
	}
.tablabobas{
	background-image: url(images/bottom.gif);
	background-repeat: repeat-x;
	height: 5px; 
	width: 639px;
	float:left
	}

.tabcompprixtopcomp{
	background-image: url(images/top.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 539px;
	float:left;
	}
.tabcompprixbascomp{
	background-image: url(images/bottom.gif);
	background-repeat: repeat-x;
	height: 5px; 
	width: 539px;
	float:left
	}
.cadrepoitille1{
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #3399CC;
	border-left-color: #3399CC;
	}
.cadrepoitille2{
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #3399CC;
	border-right-color: #3399CC;
	border-bottom-color: #3399CC;
	}
.cadrepoitille3{
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-left-width: thin;	
	border-bottom-color: #3399CC;
	border-left-color: #3399CC;
	}
.cadrepack{
	float:left; 
	display:block; 
	width:305px; 
	margin:10px; 
	border: thin dashed #3399CC;
	padding:10px;
	}
.cadrepack:hover{
	float:left;
	display:block;
	width:305px;
	margin:10px;
	border: thin dashed #CCCCCC;
	padding:10px;
	}
.cadrepacklin{
	clear:left;
	display:block;
	width:675px;
	margin:10px;
	border: thin dashed #3399CC;
	padding:10px;
	}	
.cadrepacklin:hover{
	border: thin dashed #CCCCCC;
	}	
select{
	color:#333333;
	width:140px;
	height:22px;
	border:0;

	}
table#tablab {
    background-color:#FFFFFF;
    border: solid #FFF 3px;
    width: 470px;
}

table#tablab td {
    padding: 5px;
	border-bottom: solid #CCCCCC 1px;
	height:20px
}
table#tablab2 {
    background-color:#FFFFFF;
    border: solid #FFF 0px;
	margin-left:10px;
}
table#tablab2 td {
    padding: 5px;
	border: solid #FFF 1px;
	height:20px
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}


#conteneur {
position: relative;
width: 1010px; 
margin: 0 auto; 
}
  
#header {	
	height: 111px;
	background-image: url(images/developpementphoto_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:20px; 
	}
.headerlogo {
	margin-left:40px;
	margin-top:25px;
}
.headerdesc{ 
	padding-left:50px;
	color: #CCCCCC;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#headerright {
float:right;
margin-right:60px;
width:auto;
margin-top:20px;
}
.pubheader {
float:right;
margin-right:60px;
width:auto;
margin-top:20px;
}
#fond{
	background-image: url(images/developpementphoto_02.png);
	background-repeat: repeat-y;
	background-position: center center;
}

#droite {
	width: 180px;
	float:right
}