body {
	margin: 0px;
	top: 0px;
	padding: 0px;
	background: url(img/bg-principal.jpg) repeat-y center;
}

#header {
	height: 133px;
	background:url(img/header.jpg) no-repeat;
	width: 923px;
}
h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 72px 0 0 145px;
	color: #FFFFFF;
	font-weight: bold;
}

h2 {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 20px;
	border-bottom:1px #A9E1DE solid;
	color: #FFFFFF;
	background-image: url(img/bg-h0.gif);
	
	padding: 2px 0 0 10px;
}

h6 {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 20px;
	border-bottom:1px #A9DEE1 solid;
	color: #FFFFFF;
	background-image: url(img/bg-h.gif);
	
	padding: 2px 0 0 10px;
}


/*----------------------------menu1*----------------------------------------------*/


#menu1 {
	height:25px;
	width:923px;
	float:right;
	background: url(img/NOM.jpg) #FFFFFF no-repeat 0px 0px;
	
}

#menu1 ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-image: url(img/bg-bouton.gif);
	
}



#menu1 li {
	display: inline;
	float: right;

}

#menu1 li a {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	display: block;
	width: 99px;
	height: 19px;
	border-left:2px #FFFFFF solid;
	background: #DFDFDF no-repeat 0px 0px;
	padding: 3px 0 0 20px;
	
}

#menu1 li a:hover {
	background-color: #999999;
	color: #ffffff;
}


/*----------------------------------------menu1 fin-----------------------------------------*/

/*----------------------------------------div newsletter-----------------------------------------*/
#newsletter{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	height:auto;
	width:707px;
	padding:0 0 0 10px;

}
/*---------------------------------------- fin newsletter----------------------------------------*/

/*-------------------------------menu2----------------------------------------------------*/


.header {
	background: #000;
	cursor: pointer;
	padding:4px;
}

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

.content{
	background:#FFF;
	padding:4px;
}

#basic-accordian{

	
	width:197px;
	top:52px;
	z-index:2;
	float: left;
}

.accordion_headings{
	color:#000000;
	cursor:pointer;
	background-color: #DEE9EB;
	height: 18px;
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom:1px #FFFFFF dashed;
	font-weight:normal;

	
}

.accordion_headings:hover{
	background-color: #BDD4DA;
	color: #000000;
	font-weight:bold;
}

.accordion_child{
	background:#EEE;
	padding: 5px;
}

.header_highlight{
	background-color: #ACE9E9;
	color: #000000;
	font-weight:bold;

}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 2px 0;
	height: 15px;
	padding: 0 0 0 15px;
	text-decoration: none;
	font-weight:bold;
	color: #000000;
}

li a:hover {
	color: #00A9A9;
	text-decoration: underline;
	
}


/*-------------------------------menu2 fin ------------------------------------------------------------------------*/

#nav {
	width: 725px;
	float: right;
	height: auto;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#contener {
	width: 725px;
	height: auto;
	float: right;
	padding: 10px 0 0 0;
}
#menu2 {
	width: 197px;
	height: auto;
	float: left;
}


#footer {
	height: 60px;
	width: 923px;
	clear: both;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 0 0 0;
	margin: 0px auto;
	background: url(img/piedpage000.jpg) #FFFFFF no-repeat 0px 0px;
}
#footer p {
	margin: 0;
	text-align: center;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #1BABD5;
	text-decoration: underline;
}

#principal {
	width: 923px;
	height: auto;
	margin: 0px auto;
}


#ani {
	width: 470px;
	line-height: 160px;
	float: right;
}

#player {
	width: 722px;
	float: right;
	height: 220px;
	border:1px #EEEEEE solid; 
}
#pre {
	width: 350px;
	float: left;
	height: 200px;
}

#promo {
	width: 355px;
	float: left;
	height: auto;
	background: url(img/bg-h.gif) #25ADB0 0px 0px;
	padding: 1px;
	margin: 15px 0 0 5px;
}


#actualite {
	width: 717px;
	float: left;
	height: auto;
	background: url(img/bg-h.gif) #25ADB0 0px 0px;
	padding: 1px;
	margin: 15px 0 0 5px;
}


#nou {
	width: 355px;
	float: right;
	height: auto;
	background: url(img/bg-h.gif) #25ADB0 0px 0px;
	padding: 1px;
	margin: 15px 0 0 0px;
}
h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	height: 20px;
	padding: 4px 0 0 15px;
	font-weight: bold;
	background: #25ADB0 url(img/bg-h2.gif);
	}
	
.c {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: none;
	color: #A8DAE1;
}	
	
	
	
	
#pub {
	float: right;
	width: 725px;
	height: auto;
	padding: 10px 0 0 0;
}

.pdf {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0;
	width: 125px;
	float: left;
	padding: 10px 0 0 0;
	background: url(img/pdf.gif) no-repeat right;
	background-color: #ABDCE1;
}

.pdf a {
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
}

.pdf a:hover {
	color: #A8E0E1;
	text-decoration: underline;
}
p.contact {
	height: 83px;
	margin: 0;
	background: url(img/contact.jpg) no-repeat;
	border:0px #CCCCCC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 35px 0 0 65px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.casa {
	height: 81px;
	margin: 0;
	background: url(img/CASA-IPH00.jpg) no-repeat;
	border:0px #CCCCCC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0 0 5px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	width: 935px;
}

.actualite {

	height: auto;
	background-color: #FFFFFF;
	margin: 10px 10px 10px 10px;
}

.promo {

	height: 240px;
	background-color: #FFFFFF;
	margin: 1px 0 0px 0;
}
.n {
	float: left;
	margin: 0 10px 0 0;
}
.des {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
.voir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #A8E0E1;
}

p.condi {
	font-family: Arial, Helvetica, sans-serif;
	color: #A9E0E1;
	padding: 10px 0 0 0;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #999999;
	margin:0px
}
.a {
	height: 150px;
	float: right;
	width: 230px;
	margin: 0 10px 0 0;
}

h3.a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}



.a1 {
	height: 250px;
	float: left;
	width: 300px;
	padding: 0 0 0 10px;
	
}
.a2 {
	height: 300px;
	float: right;
	width: 350px;
}
label {
	font-size: 12px;
	text-align: left;
	float: left;
	width: 80px;
	line-height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
	display: block;
	color: #999999;
}

.pub {
float:left;
}

/*------------------------class produits------------------------------------------------*/

.p {
	width: auto;
	float: left;
	height: auto;
	padding: 5px;
	background-color: #EEEEEE;
	margin: 0 30px 15px 0;
}

.details {
	background-color: #A7DAE1;
	color: #FFFFFF;
	padding: 0 0 0 5px;
}

.nom {
	background-color: #FFFFFF;
	color: #CC0000;
	padding: 0 0 0 5px;
}


h2 a.monitoring {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	height: 20px;
	font-weight: bold;
	text-decoration: none;
}

h2 a.monitoring:hover {
 color: #01F9FF;
}



h6 a.monitoring {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	height: 20px;
	font-weight: bold;
	text-decoration: none;
}

h6 a.monitoring:hover {
 color: #01FFFF;
}


a.lableue{
font-family:arial,geneva,ms sans serif; 
font-size:10px; 
font-style: normal;
font-weight:normal;
color: #7B7B7B;
text-decoration: underline;
}

a.lableue:hover{
color: #CC0000;
text-decoration:underline;
}





/*----------------------produits fin---------------------------------------------------*/