a {
outline:none;
}
.accueil {
	FONT-WEIGHT: bold; FONT-SIZE: large; COLOR: #006600; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: oblique; 
	FONT-FAMILY: Verdana, arial; BACKGROUND-COLOR: #CC9933}
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity: 0.7;
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}
.highlightitF img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
opacity: 0.3;
}
.highlightitF:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}
.conteneur_ext {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #CCCCCC;
}
.conteneur_extG {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #CCCCCC;
}
.conteneur_intB {
width: 900px;
height: 600px;
position: relative;
top: 50%;
margin-top: -300px;
left: 50%;
margin-left: -450px;
}
.conteneur_intN {
width: 900px;
height: 600px;
position: relative;
top: 50%;
margin-top: -300px;
left: 50%;
margin-left: -450px;
background-color: #333436;
}
.conteneur_intNfond {
width: 900px;
height: 600px;
position: relative;
top: 50%;
margin-top: -300px;
left: 50%;
background-color: #333436;
margin-left: -450px;
background-image: url('fond_index.png');
}
.titre{  
  width: 34%; 
  height: 50%;
  position: absolute; 
  top: 0%;
  left: 0%;  
  text-align:right; 
  background-image: url('ghislaine2.png');
  color:white;
  font-family: Verdana, arial;
  font-size: 24px;
  }
.image-haut-droit{  
  width: 51%; 
  height: 50%;
  position: absolute; 
  top: 0%;
  left: 34%;  
  background-image: url('imageHD.png');
  }
.image-bas-gauche{  
  width: 48%; 
  height: 33%;
  position: absolute; 
  top: 52%;
  left: 0%;   
  background-image: url('bleu-cadix.png');
  }  
.bas-gauche{
  width: 24%; 
  height: 33%;
  position: absolute; 
  top: 52%;
  left: 49%;  
  text-align:center;
}
.bandeau{
  width: 15%; 
  height: 100%;
  position: absolute; 
  top: 0%;
  left: 85%;  
 background-image: url('bandeau.png'); 
}
.bas-droit{
  width: 24%; 
  height: 33%;
  position: absolute; 
  top: 52%;
  left: 74%;  
  text-align:center;
}
.haut-droit{
  width: 24%; 
  height: 33%;
  position: absolute; 
  top: 8%;
  left: 74%;  
  text-align:center;
}
.navigation{
  width: 80%; 
  height: 5%;
  position: absolute; 
  top: 95%;
  left: 7%;  
  text-align:center;
  color:white;
  font-family: Verdana, arial;
  font-size: 11px; 
}
.menu1{  
  width: 25%; 
  height: 74%;
  position: absolute; 
  top: 23%;
  left: 0;  
  text-align:left;
}
.menu1B{  
  width: 20%; 
  height: 100%;
  position: absolute; 
  top: 0%;
  left: 0%;  
  text-align:center;
}
.menu1G{  
  width: 20%; 
  height: 100%;
  position: absolute; 
  top: 0%;
  left: 0%;  
  text-align:center;
  background-color: #CCCCCC;
}
.menu2B{ 
  width:20%; 
  height:100%; 
  position: absolute;
  text-align:center;
  top:0%;
  left:80%;
} 
.menu2G{ 
  width:20%; 
  height:100%; 
  position: absolute;
  text-align:center;
  top:0%;
  left:80%;
  background-color: #CCCCCC;
} 
.menu2D{ 
  width:15%; 
  height:100%; 
  position: absolute;
  text-align:center;
  top:0%;
  left:80%;
  background-color: #CCCCCC;
} 
.menu1C{  
  width: 20%; 
  height: 60%;
  position: absolute; 
  top: 5%;
  left: 0%;  
  text-align:center;
  }
 .menuPlan{  
  width: 25%; 
  height: 80%;
  position: absolute; 
  top: 5%;
  left: 0%;
  }
  .Principal{  
  width: 70%; 
  height: 74%;
  position: absolute; 
  top: 5%;
  left: 30%;  
  text-align:center;
  }
.menuVER1C{  
  width: 17%; 
  height: 60%;
  position: absolute; 
  top: 20%;
  left: 0%;  
  text-align:center;
  }
div.image{ 
  width:60%; 
  height:60%; 
  position: absolute;
  top:5%;
  left:17%;
  text-align:center;
}
div.imageA{ 
  width:58%; 
  height:58%; 
  position: absolute;
  top:15%;
  left:18%;
  text-align:center;
}
div.imagettes{ 
  width:94%; 
  height:20%; 
  position: absolute;
  text-align:center;
  top:74%;
  left:0%
} 
div.imagettes-defil{ 
  width:100%; 
  height:20%; 
  position: absolute;
  text-align:center;
  top:74%;
  background-color: #333436;
}
.texte{ 
  width:60%; 
  height: 88%; 
  position: absolute;
  top: 5%;
  left:20%;
  font-family: Verdana, arial;
  font-size: 13px; 
  color: #FFFFFF;
  background-color: #333436;
  text-align: center;
}
.texte1{ 
  width:50%; 
  height: 20%; 
  position: absolute;
  top: 0%;
  left:0%;
  font-family: Verdana, arial;
  font-size: 13px; 
  color: #FFFFFF;
  background-color: #333436;
  text-align: left;
  margin: 5px;
}
.texte2{ 
  width:50%; 
  height: 25%; 
  position: absolute;
  top: 20%;
  left:13%;
  font-family: Verdana, arial;
  font-size: 13px; 
  color: #FFFFFF;
  background-color: #333436;
  text-align: left;
  margin: 5px;
}
.texte3{ 
  width:65%; 
  height: 30%; 
  position: absolute;
  top: 45%;
  left:26%;
  font-family: Verdana, arial;
  font-size: 13px; 
  color: #FFFFFF;
  background-color: #333436;
  text-align: left;
  margin: 5px;
}
.texte4{ 
  width:60%; 
  height: 24%; 
  position: absolute;
  top: 75%;
  left:39%;
  font-family: Verdana, arial;
  font-size: 13px; 
  color: #FFFFFF;
  background-color: #333436;
  text-align: left;
  margin: 5px;
}
.colonne1{  
  width: 33%; 
  height: 95%;
  position: absolute; 
  top: 0%;
  left: 0%;  
  text-align: left;
  margin: 10px;
  }
.colonne2{  
  width: 33%; 
  height: 95%;
  position: absolute; 
  top: 0%;
  left: 33%;  
  text-align: left;
  margin: 10px;
  }
.colonne3{  
  width: 33%; 
  height: 95%;
  position: absolute; 
  top: 0%;
  left: 66%;  
  text-align: left;
  margin: 10px;
  }   
div.menu2C{ 
  width:20%; 
  height:60%; 
  position: absolute;
  top:5%;
  left:80%;
  text-align:center;
} 
.menu1VER{ 
  width:20%; 
  height:60%; 
  position: absolute;
  top:5%;
  left:80%;
  text-align:center;
}
.menuVER2C{ 
  width:20%; 
  height:80%; 
  position: absolute;
  top:5%;
  left:0%;
  text-align:center;
}
/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	font: 14px verdana, sans-serif;
	width: 180px;
	height: 160px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 27%;
	left: 78%;
}
#menuDeroulant li
{
	background:#1b2179;
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #e07c24 }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	position: absolute;
	left: 80px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menuDeroulant .sousMenu li
{
	font: 11px verdana, sans-serif;
	text-align:center;
	float: none;
	margin: 0;
	padding: 0;
	width: 110px;
	top: -15px;
	border: 1px solid #d7b881 ;
	position: relative;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #fff;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #e07c24;
}

#menuDeroulant li:hover > .sousMenu { display: block;}

#menuDeroulantL
{
	font: 14px verdana, sans-serif;
	width: 120px;
	height: 160px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 30%;
	left: 83%;
}
#menuDeroulantL li
{
	background:#1b2179;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulantL li a:link, #menuDeroulantL li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}
#menuDeroulantL li a:hover { background-color: #e07c24 }
#menuDeroulantL li a:active { background-color: #5F879D; }

#menuDeroulantL .sousMenu
{
	display: none;
	position: absolute;
	left: 80px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menuDeroulantL .sousMenu li
{
	font: 11px verdana, sans-serif;
	text-align:center;
	float: none;
	margin: 0;
	padding: 0;
	width: 110px;
	top: -15px;
	border: 1px solid #d7b881 ;
	position: relative;
}
#menuDeroulantL .sousMenu li a:link, #menuDeroulantL .sousMenu li a:visited
{
	display: block;
	color: #fff;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menuDeroulantL .sousMenu li a:hover
{
	background-image: none;
	background-color: #e07c24;
}

#menuDeroulantL li:hover > .sousMenu { display: block;}