/* ----PResentation--*/

#present li{
	background-image: url(images/p.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	list-style-type: none;
	padding-left: 12px;
}

.g-o{
	background-image: url(images/g-o.gif);
	background-repeat: no-repeat;
	width:30px;
	height:33px; 
	float:left;
	margin-left:15px
}
.gavis{
	width:400px;
	float:left;
	text-align:justify;
	padding:5px;
	font-style: italic;
}
.g-f{
	background-image: url(images/g-f.gif);
	background-repeat: no-repeat;
	width:30px;
	height:33px;
	float:left;
}
/* -------------------- MISE EN PAGE TEST PRODUITS ----------------- */

#page h3 {
	font-style: italic;
	font-size: 14px;
	color: #333;
	font-weight: bolder;
	text-decoration: underline;
}
.imgalmidl{
	text-align:center;
	font-size: 11px;
	color: #333;
}
.imgalmidl img{ 
	margin:10px;
	border:0px;
	}
.imgtstprod {
	float:right;
	margin:20px
	}

/* ---------------------------------*/
.spacer {
clear: both;
width:1px;
}
/*lien gras*/

.ag{
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
	} 
.ag:hover{
	color: #FF6600;
	}


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

#sommepromotion {
margin-right: 30px; 
margin-top: 10px;
margin-left:20px;
background-color: #F1E0C4;
width: 700px;
} 



/* ---------------------- cadre flottant test produit------------------------ */

#somtest {
margin-right: 30px;
margin-top: 10px;
margin-left:20px;
background-color: #F1E0C4;
width: 200px;
float:right;
}


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

#somtest {
margin-right: 30px;
margin-top: 10px;
margin-left:20px;
background-color: #F1E0C4;
width: 200px;
float:right;
}

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

#sommaire {
margin-left: 30px;
margin-top: 10px;
background-color: #F1E0C4;
width: 700px;
clear:left;
}
.cadrecontenu{
	padding: 0 0px 0 5px;
}

#cadre_hg, #cadre_hd, #cadre_bg, #cadre_bd {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* pour bug IE */
}
#cadre_hg {
background: url(images/cadre-hg.gif);
}
#cadre_hd {
float: right;
background: url(images/cadre-hd.gif);
}
#cadre_bg {
background: url(images/cadre-bg.gif);
}
#cadre_bd {
float: right;
background: url(images/cadre-bd.gif);
}



/* ---------------------- cadre flottant 2 ------------------------ */
#sommaire2 {
background-color: #dde4ec;
width: auto;
clear:left;
}
#cadre2_hg, #cadre2_hd, #cadre2_bg, #cadre2_bd {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* pour bug IE */
}
#cadre2_hg {
background: url(images/cadre2-hg.gif);
}
#cadre2_hd {
float: right;
background: url(images/cadre2-hd.gif);
}
#cadre2_bg {
background: url(images/cadre2-bg.gif);
}
#cadre2_bd {
float: right;
background: url(images/cadre2-bd.gif);
}



/* menu V4 */


.menuv4ctn{
	margin: 0 30px 0 30px;  
}
#menuv4 {  
margin: 0;
padding: 0;  
list-style: none;
}
#menuv4 li {
float: left;
margin-right: 0px;
height:24px;
}
#menuv4 li a {
	display: block;
	padding-right: 13px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	margin-bottom:0px;
	height:24px;
	vertical-align:middle
}
#menuv4 li a span {  
display: block;  
padding: 2px 5px 5px 18px;
}
#menuv4 li a.actif {  
position: relative;  
z-index: 100;  
top: 1px;
}
#menuv4 li.bleu a { 
background: #016cca url(images/menuv4/fd_menu_bleu.png) no-repeat 100% -50px; 
}
#menuv4 li.bleu a span { 
background: #016cca url(images/menuv4/fd_menu_bleu.png) no-repeat 0 -50px; 
}
#menuv4 li.bleu a.actif, #menuv4 li.bleu a:hover { 
background: url(images/menuv4/fd_menu_bleu.png) no-repeat 100% 0; 
}
#menuv4 li.bleu a.actif span, #menuv4 li.bleu a:hover span { 
background: url(images/menuv4/fd_menu_bleu.png) no-repeat 0 0; 
}


#sous_menu {  
clear: left; 
z-index: 10;
padding: 0 0 0 5px;
margin:0;
height: 22px;  
border-bottom: 1px solid #333333;  
list-style: none;
}

ul.bleu {
	background-image: url(images/menuv4/fd_ss_menu_bleu.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#sous_menu li {  
float: left;  
padding: 4px 8px 5px 0px;  
background: url(images/menuv4/fd_ss_menu_li.gif) no-repeat 100% 0;
}
#sous_menu #dernier_lien, #sous_menu #rss {  
background: none;
}
#sous_menu #rss {  
float: right;  
margin-right: 8px;  
padding: 3px 8px;
}
#sous_menu #rss a:hover {  
text-decoration: underline;  
background: none;
}
#sous_menu li a {
	padding-left: 8px;
	font-size: 0.95em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#sous_menu li a:hover {
	color: #333;
}
#sous_menu li a span {  
padding-right: 7px;
}

/* FIN menu V4 */

/* pack photo*/

	
.packlist ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	}
.packlist li{
	display: inline;
	margin: 0;
	padding: 0;
	}
.packcr{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}




.footerlinkcontent{
position: relative;
width: 950px; 
margin: 0 auto;
min-height:300px;
}
.footercontent1{
	float:left;
	width:300px;
	padding:5px;
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.footercontent1 a{
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	



.comppremiere{
	font-weight: bold;
	color: #0066FF;
	text-align:center
	}  
.compsuivant{
	font-weight: bold;
	color: #666;
	}
.compfdp{
	margin-top:10px;
	font-size: 11px;
	color: #333;
	text-align:center
}
.lienover2{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	border-bottom-color:#00CC00;
	text-decoration:none;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
.menulab{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006666;
	font-weight: bold;
	}
h1.labi{
	padding:0px;
	}

h2.tablab{
	font-size: 15px;
	color: #666666;
	margin-left:40px;
	margin-bottom:0px;
	padding-top:10px; 
	background-image:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
	width:350px;
	}
p.tablab{
	margin-top:0px;
	text-indent:0.5cm;
	}
#menu {
position: absolute;
left: 63px;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 13em;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(images/menuc.png);
	background-repeat: repeat-x;
	height: 31px;
	line-height:26px;
}
#menu dt:hover {
	background-image: url(images/menuchover.png);
	background-repeat: repeat-x;
	height: 31px;
	line-height:26px;
	color:#FFFFFF;
}
#menu dt a:hover{
	color:#FFFFFF;
	}
#menu dd {
border: 1px solid gray;
}
#menu li {
	text-align: left;
	text-indent:6px;
	height:24px;
 	background-color: #FFEDED;
	background-image: url(images/barremenu.gif);
	background-repeat: no-repeat;
	background-position: center bottom;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}
#menu li a:hover {
	background-image: url(images/barremenuhover.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #666666;
}

.mnu1{
	background-image: url(images/menud.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 31px;
	width: 18px;
	float:left
}
.mnu2{
	background-image: url(images/menug.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 31px;
	width: 18px;
	float:left
}




.rssstyle{
	margin-left:20px; 
	}







 


h1{
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:30px;
	background-image: url(images/flechetitre.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:25px;
	
	}	
.h2sansimage{
	margin-top:15px;
	margin-left:20px;
	font-size: 18px;
	color: #666666;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
h2{

	font-size: 16px;
	color: #666666;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:10px;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:22px;
	
	}

h3{
	font-size: 15px;
	color: #0065FF;
	margin-left: 30px;
	margin-bottom:10px;
	margin-top:10px
	}
h4{
	margin-left:30px;
	}
h5{
	margin:0px;
	padding:0px;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	}
.titre5{
	margin:0px;
	padding:0px;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	}
.titre1{
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:30px;

	}
.titre2{
	font-size: 16px;
	color: #999999;
	margin-left: 30px;
	margin-bottom:10px;
	margin-top:10px
	}
.titre3{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	}
.avisindexvert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00CC00;
	}
.indexpackphoto{
	position:absolute;
	left: 640px; 
	top: 150px; 
	z-index:0; 
	border:0px;
	}
.pixumtoile{
	font-weight: bolder;
	color: #666;
	font-size: 14px;
	text-decoration: underline;
}
.avisindex{
	position:absolute;
	left: 83px;
	top: 178px;
	font-weight: bold;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.bleugras{
	font-weight: bold;
	color: #0066CC;	
	}

body {
	margin: 0;
	padding: 0;
	background-image:url(images/fond.jpg);
	background-repeat: repeat-x;
	background-color: #4A494A;
	background-position:left top;
	font-size: 8pt; font-family: Verdana, Arial
 } 
.txtcompbleu{
	color: #0066CC;
	font-weight: bold;
	}
.txtcompvert{
	color: #00CC00;
	font-weight: bold;
	}
.txtcomporange{
	color: #FF6600;
	font-weight: bold;
	}		
.txtgris{
	font-size: 12px;
	color: #666666;
	}
.txtgrisfonce{
	font-size: 11px;
	color: #333333; 
	}
#page{
	padding-top:10px;
	font-family:arial,sans-serif,lucida;
	font-size: 12px; 
	color:#333333;
	padding-bottom:40px;
	}	



.lienover{
	font-size: 14px;
	font-weight: bold;
	color: #0066FF;
	border-bottom-color:#00CC00;
	text-decoration:none;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
.txtgrandbleu{
	font-size: 14px;
	font-weight: bold; 
	color: #0066FF;
	border-bottom-color:#00CC00;
	}	
.liengris{
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: underline;
	}



.packtitle{
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
	text-align:center	
	}


.pack h2{
	font-size: 16px;
	font-weight: bold;
	color: #00CC00;
	text-decoration: underline;
	margin-bottom:-10px;
	}
.pack h3{
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
	text-align:center
	}
.pack{
	width:720px;
	float:left;
	}

.pack a{
	text-decoration: none;	
	}





#header a {
	font-size: 10px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	} 
#header a:hover {
	font-size: 10px;
	color: #84B6F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}




#menucentre{

margin-left: 40px;
margin-right: 40px;
height:auto

}


.menudroit {list-style-type: none;
margin: 0;
padding:0;
}
#centre {
clear:both;
min-height:1000px;
/*height:1000px;*/
}

#centre2 {
background-color:#FFFFFF;
margin-left: 40px;
margin-right: 35px;
clear:both;
}
.phgratuit ul{
clear: left;
	}

#pied {
	height: 151px;
	background-image: url(images/developpementphoto_03.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.bandeaubashaut{
	background-image: url(images/bandeaubas-haut.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 6px;
	width: 869px
}
.bandeaubasbas{
	background-image: url(images/bandeaubas-bas.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 6px;
	width: 869px;
}
.bandeaubasmilieu{
	background-image: url(images/bandeaubas-milieu.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	width: 869px;
	min-height:150px;
}
#footercontent{
	margin-left:40px;
	margin-right:80px;
	font-size: 10px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center
	}

#footercontent .col {
	float:left;
	width:200px;
	min-height:150px;
	margin-right:35px;
	}

#footercontent a {
	font-size: 10px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#footercontent a:hover {
	font-size: 10px;
	color: #84B6F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


#tabprod a{
	font-size: 14px; 
	}
table#tablereduc {
	margin-left:40px;
	width:700px;
	border:0;
	}
#tablereduc p{
	margin:0px;	
	}

table#comparateur {
    width: 740px;
	 margin-top:40px; 
}
#comparateur ul{
	margin-left:0px;
	}

/* COMPARATEUR */
.smallgris{
	font-family:arial, sans-serif, lucida;
	font-size: 11px; 
	color:#999999;
	text-decoration:none
	}

.petitvert{
	font-size: 10px;
	color: #00CC00;
	}
.petitorange{
	font-size: 10px;
	color: #FFCC00;
	}
.petitrouge{
	font-size: 10px;
	color: #FF0000;
	}
.ulcomp{
	padding:0;
	}
.lienorange{
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;
	}
.lienorange:hover{
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;	
	}

.txtgrisfonce{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	}
.txtgrandvert{
	font-size: 14px;
	color: #10B42D;
	font-weight: bold;
	}
.txtvertmoyen{
	font-size: 14px;
	color: #10B42D;
	font-weight: bold;
	}
#smallgris{
	font-size: 10px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#smallgris a{
	font-size: 10px;
	color: #009999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#smallgris a:hover {
	font-size: 10px;
	color: #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	


	
.tabcompprixtop{
	background-image: url(images/top.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 390px;
	float:left;
	}
.tabcompprixbas{
	background-image: url(images/bottom.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 390px;
	float:left
	}
	
.intro{
	position:absolute;
	width: 236px;
	z-index: 500;
	left: 503px;
	top: 170px;
	background-color:#F7F7F7;
	height: 130px;
	}