﻿body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #363932 ;
		}
/*
div#colleft
{
			width: 246px ;
			margin: 0 auto ;
			text-align: center ;
			background: white ;
			float: left;
			margin-left: 2px;			
}

div#colcenter
{
			width: 246px ;
			margin: 0 auto ;
			text-align: center ;
			background: white ;
			float:left;
			margin-left: 2px;			
}

div#colright
{
			width: 246px ;
			margin: 0 auto ;
			text-align: center ;
			background: red ;
			float: left;
			margin-left: 2px;			
}
*/
div#conteneur
		{
	width: 720px;
	margin: 0 auto; 
	text-align:center;
	vertical-align:top;
	top:0px;
	padding-top:0px;
    background : #363932;
}
		
h1#header
{
	height: 150px;
	margin: 0 0 0 0;
	font-size:smaller;
	background: url(Images/IC-FP-LOGOS-ICH-H-02.jpg) no-repeat center top;
}
/*		
.zoom 
{
  height:164px;
  margin:auto;
}

.zoom p 
{
  text-align:center;
}

.zoom img 
{
  width:205px;
  height:137px;
}

.zoom img:hover 
{
  width:246px;
  height:164px;
}
*/

a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */

/*
.zoom a img 
{
  width:205px;
  height:137px;
}

.zoom a:hover img
{
  width:246px;
  height:164px;
}
.bloc1 
{
  background: #363932 ;
  width: 246px;
  float: left;
}

.bloc2 
{
  background: #363932 ;
  width: 246px;
  float: left;
}

.bloc3 
 {  
   background: #363932 ;
   width: 246px;
   float: left;
 }
 */
 
 
#enlarge {padding:0 0 0 0; margin: 1em auto; list-style-type:none; width:720px; height:160px; }
#enlarge li {
	border: 0px;
	display: block;
	float: left;
	width: 240px;
	height: 160px;
	position: relative;
	padding-top: 0px;
}
#enlarge li a {
	display: block;
	width: 240px;
	height: 160px;
	background: transparent;
	overflow: hidden;
	position: relative;
	border: 0px;
	padding-bottom: 0px;
	text-decoration:none;
}
#enlarge li a img {
	border: 0px;
	width: 222px;
	height: 148px;
	margin: 9px 6px 9px 6px;
}
#enlarge li a:hover 
{
	margin: 0;
/*	text-indent: -1000px;*/
	text-decoration:none;
/*	background: #000000; */
}

#enlarge li a:hover img {width:0; height:0;}
/*#enlarge li a.one:hover 
{
	background-image: url('pptpf-240.jpg');
}
#enlarge li a.two:hover 
{
	background-image: url('Thalasso-240.jpg');
}
#enlarge li a.three:hover 
{
	background-image: url('mozpf.jpg');
}
#enlarge li a.four:hover {background:url('mozpf.jpg');}
#enlarge li a.five:hover {background:url('Thalasso-240.jpg');}
#enlarge li a.six:hover {background:url('pptpf-240.jpg');}
#enlarge li a.seven:hover {background:url('mozpf.jpg');}
#enlarge li a.eight:hover {background:url('Thalasso-240.jpg');}
#enlarge li a.nine:hover {background:url('pptpf-240.jpg');}*/
.one em 
{
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.one em.txt
{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.one b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.one:hover {background:#fff; position:relative;cursor:pointer;}
.one:hover b {display:block; position:absolute; top:130px; left:0px; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.one:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;
	font-weight: bold;
}
/*****/
.two em {
	font-style: normal;
	color: #FFFFFF;
}
.two em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.two b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.two:hover {background:#fff; position:relative;cursor:pointer;}
.two:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.two:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left:0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;
    font-weight: bold;
}
/**/
.three em {
	font-style: normal;
	color: #FFFFFF;
}
.three em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.three b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.three:hover {background:#fff; position:relative;cursor:pointer;}
.three:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.three:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    
	font-weight: bold;
}
/**/
.four em {
	font-style: normal;
	color: #FFFFFF;
}
.four em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.four b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.four:hover {background:#fff; position:relative;cursor:pointer;}
.four:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.four:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    
	font-weight: bold;
}
/**/
.five em {
	font-style: normal;
	color: #FFFFFF;
}
.five em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.five b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.five:hover {background:#fff; position:relative;cursor:pointer;}
.five:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.five:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    
	font-weight: bold;
}
/**/
.six em {
	font-style: normal;
	color: #FFFFFF;
}
.six em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.six b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.six:hover {background:#fff; position:relative;cursor:pointer;}
.six:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.six:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    font-weight: bold;
}
/**/
.seven em {
	font-style: normal;
	color: #FFFFFF;
}
.seven em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none; 
}
.seven b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.seven:hover {background:#fff; position:relative;cursor:pointer;}
.seven:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.seven:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    font-weight: bold;
}
/**/
.eight em {
	font-style: normal;
	color: #FFFFFF;
}
.eight em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.eight b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.eight:hover {background:#fff; position:relative;cursor:pointer;}
.eight:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.eight:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    font-weight: bold;
}
/**/
.nine em {
	font-style: normal;
	color: #FFFFFF;
}
.nine em.txt{
	font-style: normal;
	display: block;
	position: absolute;
	top: 120px;
	width: 222px;
	left: 6px;
	height: 10px;
	color: #FFFFFF;
	line-height: 3.5em;
	text-decoration: none;
}
.nine b 
{
	display:block; position:absolute; top:130px; left:6px; width:228px; background:#363932 ; height:27px; opacity:0.7;
} 
.nine:hover {background:#fff; position:relative;cursor:pointer;}
.nine:hover b {display:block; position:absolute; top:130px; left:0; width:240px; background:#363932 ; height:30px; opacity:0.7;}
.nine:hover em.txt {
	display: block;
	position: absolute;
	top: 120px;
	width: 240px;
	left: 0px;
	height: 10px;
	color: #FFFFFF;
	margin: 0;
	line-height: 3.5em;    font-weight: bold;
}
