body

{
 /*background: #AFA99B ;*/
  background:#CCC;/* #99CCFF;#1AC1F8;*/
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*background:url("./icones/fond.gif") top left repeat;*/
}
#Tableau_01 {

	width: 750px;
position: absolute;
left: 50%;
top: 0;
margin-left: -375px;
margin-top: 0px;

	/*background: #AFA99B url("images/Mirage_arriere_plan_gris.png") top left no-repeat;*/
}

.maxitop{
z-index:100;
}

#Logo_principal{
	position:absolute;
	left:9px;
	top:40px;
	width:300px;
	height:104px;
	z-index:10;
	background:#CCC url("images/Logo1_blanc.gif") top left no-repeat;
}
#Logo_principal:hover{
background:url("images/Mirage_Logo_Trans.gif") top left no-repeat;
}
#Sous_logo {
	position:absolute;
	left:68px;
	top:127px;
	width:0px;
	height:16px;
	float:right;
	z-index:100;
}

#Sous-Titre{
	position:absolute;
	left:79px;
	top:160px;
	width:131px;
	height:16px;
}
#Drapeaux{
	position:absolute;
	left:20px;
	top:450px;
	width:30px;
	height:20px;
	margin:20px;
	padding:00px;
	line-height:30px;
	}
	
#Drapeaux ul{
list-style-type: none;
display:block;
float:none;
direction:rtl;
}
#Drapeaux img{
border:0px;
}
#Fond_texte{
	position:absolute;
	left:253px;
	top:224px;
	width:409px;
	height:316px;
	background: #AFA99B; /*url("images/Fond_texte.png") top left no-repeat;*/
}
/*
#Texte_contenu{
	position:absolute;
	left:286px;
	top:230px;
	width:284px;
	height:229px;
}
*/




#Trait{
	position:absolute;
top:220px;
left:-10px;
width:300px;
height:2px;
	border-top: dashed #999;
	border-width: 1px;
	z-index:25;
	 }

#Illustration_texte{
	position:absolute;
	left:340px;
	top:100px;
	width:380px;
	height:90px;
	z-index: 1;

	}
#Illustration_texte p{
vertical-align:center;
text-align:center;
margin-bottom:5px;
}

	
#Illustration_texte img{
	height:170px;
	
border-width: 1px;
	}
	
#Illustration_texte li img{	
float: right;
padding:0px;
margin:0px;
/*border: 1px solid #FFF;*/
border-width: 1px;
}

#Illustration_texte ul{	
float: right;
padding:0px;
margin:0px;
list-style-type:none;
}



#ZoneInfos{
	position:absolute;
	left:80px;
	top:170px;
	width:270px;
	height:405px;
	color:#000;
	background:white url("./images/fondTR3-4.png") repeat;
	}

#Image{
	position:absolute;
	left:80px;
	top:170px;
	width:540px;
	height:405px;
	color:#CCBEB1;	
	
}
#Image p {
	
	margin-right:10px;
	}
#Image img {

vertical-align:center;
border:0px;/* 3px solid #FFF;*/
}

#Image p img {
	border:1px solid #FFF;
	}

.embed {
border: 1px solid #000;
}

#Image EMBED{
text-align:center;

border-width: 1px;
position:absolute;
	left:0px;
	top:0px;
	width:408px;
	height:279px;

}
.galerie IMG{
border: 2px solid #FFF;
z-index:100;
}

.contenu_texte {
font-family: Verdana, Arial, Helvetica, sans-serif;

text-align:left;
color: #000;/*#CCBEB1;*/
font-size: 10px;
text-decoration: none;
/*border-top: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;*/
/*border-left:1px solid black;
	border-top:1px solid black;*/
	
padding: 2px;
margin-left: 20px  ;
margin-right: 15px;
margin-top:30px ;
margin-bottom:30px; 
border:0px;

}

.contenu_texte p  {
/*overflow:auto;
height:50px;
*/
position: absolute;
top :112px;
_top :117px;
text-indent : 20px; 
text-align:left;
margin-right: 40px;
z-index:100;



}

.contenu_texte p b{
overflow:auto;
height:50px;
}

.contenu_texte p  IMG{
border:0px;
}

.contenu_texte p a{
color:#666;
}
.contenu_texte p a:hover{
color:#FF33CC;/*FF33CC*/
}
#Image .illustration {
position: absolute;
left: 0px;
top :0px;
width:280px;
height:200px;
z-index:2;
margin:0px;
}
#Image .illustration p {
position: relative;
left: 0px;
top :-0px;
text-align:right;
margin:0px;
width:540px;
height:200px;

}
#Image .illustration p img{
border:0px;
}

#Image .fondblanc {
position: absolute;
left: 200px;
top :-70px;
width:267px;
height:200px;
z-index:11;
background: #FFF;
border-left:1px solid black;
	border-top:1px solid black;
}

#Image p a{

text-decoration: none;
vertical-align:center;

}
.titre_texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
font-size: 15px;
color: #663333;/*#CCBEB1;*/
font-weight:bold;
	position:absolute;
	left:40px;
	top:5px;
	_top:18px;
	width:130px;
	height:11px;
	line-height:200%;
	z-index:100;
}

.fond{
top:00px;
background: transparent url("images/PaysageBleuPetit.png") top left repeat;/*fondTR3.png*/
list-style-type:none;
background:#FFF;/*#99DFFF;/*#BBB;*/
/*border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
*/
z-index:1;
}
.centrer p a{
position:relative;
top:80px;
left:20px;
text-align:center;
vertical-align:center;
}

#Vignettes{

	position:absolute;
	left:320px;
	top:90px;
	width:405px;
	height:170px;
	line-height:30px;
vertical-align: bottom;
display:block;
direction:rtl;
text-align:right;
}

#Vignettes ul{

vertical-align: bottom;
display:block;
direction:rtl;
text-align:right;
}
#Vignettes li {

 list-style-type: none;
 float: right;
 /*width:50px;*/
margin-right: 15px;
  /*padding:15px;*/
 border: 0;
 color: #000;
 /*width: 100;*/
 vertical-align: bottom;
display:block;
direction:rtl;
text-align:right;
}

#Vignettes  img {
/*height:50px;
width:50px;*/
border: 1px solid #FFF;
border-width: 1px;

}

#Titre_projet{
	position:absolute;
	left:308px;
	top:145px;
	width:300px;
	height:30px;
	font-weight:bold;
}

#Titre_section {
position:absolute;
	left:-50px;
	top:165px;
	_top:150px;
	width:120px;
	height:65px;
}

#floating {
	width:120px;
	height:100%;

	position:relative;
}
#floating div {
	position:absolute;
	bottom:0;
	right:0;
	color:#FFF ;
		font:bold 14px verdana ;
}
#floating div  p{
direction:rtl;
		text-align:right;
		}

#Titre_projet p{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	direction:rtl;
	margin-right: 10px;

}
#Titre_image{
	position:absolute;
	left:408px;
	top:150px;
	width:200px;
	height:10px;
}
#Titre_image p{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9;
	text-align:right;
	direction:rtl;
	margin-right: 10px;
}

#Titre_client{
font-size:10;
	position:absolute;
	left:578px;
	top:514px;
	width:71px;
	height:10px;
}


#Ref_image{
	position:absolute;
	left:635px;
	top:170px;
	width:120px;
	height:60px;
	text-align:left;
	direction: rtl;
	font-size:10px;
	color:black;
	float:right;
	line-height: 120%;
	vertical-align:center;
	/*border:1px solid #FF33CC;*/
}
#Ref_image p{
vertical-align:center;
	height:60px;
text-align:left;
direction: rtl;
margin-bottom:0;

}

#Ref_image p a{
	text-align:right;
	direction: rtl;
	color:black;
	text-decoration:none;

	}

#Ref_image p a:hover{
text-decoration:none;
color:#FFF;
}

#left_footer {
float:right;
border:0px;
position:absolute;
left:-20px;
top:550px;
width:90px;
color:#000;
 text-decoration: none;
 }

#left_footer IMG{
border : 0px;
}
#left_footer p{
width:90px;
line-height:150%;
vertical-align:bottom;
text-align:right;
 text-decoration: none;
}
#left_footer p a:link,#left_footer a:link{
color:#FFF;
font-size:6 px;
 text-decoration: none;
 }


 #right_footer {
float:right;
border:0px;
position:absolute;
left:500px;
top:590px;
width:120px;
 text-decoration: none;
 }
 #right_footer  p a :link{
 text-decoration: none;
 color:#ddfb15;
 }
 #right_footer p:link{
width:500px;
vertical-align:center;
text-align:right;
 text-decoration: none;
}