/* CSS Document */
  * {
	margin : 0;
	padding : 0;
	border : none;
  }
ul, p {
	font-family : Arial, Helvetica, sans-serif;
	left : 0;
	bottom : 10px;
	margin-left : 10px;
  }
li {
	color : #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	left : 1px;
	list-style-type : square;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 5px;
  }
li a:link {
	color : #CCCCCC;
	text-decoration : none;
  }
li a:visited {
	color : #CCCCCC;
	text-decoration : none;
  }
li a:hover {
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
  }
li a:active {
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
  }
li a:focus {
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
  }
/*Les flèches de déplacements gauche et droite et le rectangle blanc*/
#rect1 {
	position : absolute;
	left : 80px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rect2 {
	position : absolute;
	left : 100px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rect3 {
	position : absolute;
	left : 120px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rect4 {
	position : absolute;
	left : 140px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rect5 {
	position : absolute;
	left : 160px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rect6 {
	position : absolute;
	left : 180px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rectd1 {
	position : absolute;
	left : 962px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rectd2 {
	position : absolute;
	left : 984px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rectd3 {
	position : absolute;
	left : 1004px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#rectd4 {
	position : absolute;
	left : 1024px;
	top : 10px;
	height : 100px;
	width : 20px;
  }
#NavVisuPhoto { 
	background-color : #7E7E7E;
	float : left;
	left : 0;
	width : 240px;
  }
/*La zone des miniatures avec le texte, la photo centrale*/
#Miniature {
	background-color : #777;
	position:absolute;
	left : 160px;
	top : 10px;
	width : 801px;
	height : 106px;
	float : left;
  }
#TexteMiniature{
	background-color : #333333;
	position:absolute;
	left : 160px;
	top : 110px;
	width : 801px;
	height : 40px;
	float : left;
	text-align: center;
	vertical-align: middle;
}
.TextePhoto {
	background-color : #333333;
	float : left;
	border : 1px solid #999999;
	display: inline;
	height:40px;
	width : 98px;
	text-align:center;
	font-size: 10px;
	color: #FFFFFF;
}
.TextePhoto a:link , a:visited{
	color : #FFFFFF;
	text-decoration: none;
  }
#PhotoCentrale {
	background-color : #7E7E7E;
	float : left;
	border : 0px solid #ff6600;
	position: absolute;
	left: 460px;
	top: 170px; 
  }
#PhotoListe {
	background-color : #7E7E7E;
	float : left;
	border : 0px solid #ff6600;
	position: absolute;
	left: 310px;
	top: 170px; 
  }
#IntituleTitre {
	font-size : 20px;
	text-align : left;
	position: absolute;
	height: 30px;
	width: 700px;
	left: 260px;
	top: 120px;
  }
#IntituleTitre2{
	font-size : 12px;
	text-align : left;
	height: 20px;
	width: 700px;
	left: 260px;
	top: 150px;
  }
#Concept {
	color : #000000;
	font-size : 12px;
	font-weight : normal;
	height : 503px;
	left: 260px;
	top: 170px;
	padding-top : 0px;
	padding-right : 15px;
	padding-left : 0px;
	width: 190px;
	position: absolute;
	text-align: justify;
	overflow: auto;
  }

.MiniPhoto {
	float : left;
	border : 1px solid #999999;
	height : 98px;
	width : 98px;
  }
#photo500 {
	float : left;
  }
#photo0 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo1 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo2 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo3 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo4 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo5 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo6 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#photo7 {
	background-color: #7E7E7E;
	display: inline;
	float : left;
  }
#MenuProjet {
	background-color : #7E7E7E;
	position : absolute;
	left : 80px;
	top : 184px;
	height : auto;
	width : 180px;
	font-family : Arial, Helvetica, sans-serif;
	border : 0px solid #ff6600;
  }
.MenuTitre {
	top : 30px;
	font-size : 16px;
	color : #FFFFFF;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
  }
.MenuTitre a:link{
	color : #FFFFFF;
}
.MenuTitre a:hover{
	color : #000000;
	font-weight : bold;
}
 #Intitule {
	color : #00cc33;
	float : left;
	font-size : 8pt;
	height : 100px;
	margin-right : 10px;
	text-align : right;
	width : 80px;
	margin-top : 35px;
  }
 #Caract {
	color : #ff6600;
	float : left;
	font-size : 8pt;
	height : 100px;
	text-align : left;
	width : 130px;
	margin-top : 35px;
  }
 #photoConcept {
	height : 200px;
	width : 200px;
  }
#PhotoZoom {
	margin-left : 100px;
}