/*****STRUCTURE**********/

 body {
/*   background: #7f7f7f url("hiver.jpg") ;
  background: #555;  url("hiver.jpg") ;
  background: #6ca19b url(pages/4020_VAGUES_FOND2.jpg);*/
  background: #222;
}

h4 { /* style des en-t�te et en-pied */
/*   background: #005073 url(images_haut.jpg) no-repeat right 0px; /* couleur de fonds */
/*   border-bottom: 1px solid white;  /*style de l'encadrement bas */
   }
#header { /* style en-t�te*/
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width:100%;
   margin: 0px; /* pas de marge : colle aux bords de l'�cran */ 
   padding:0px;
   background: #005073 url(images_haut.jpg) no-repeat right 0px; /* couleur de fonds */
   text-align:left ; /* le texte est � gauche */
   /*border-top: 3px solid darkgreen;  style de l'encadrement haut */ 
   border-bottom: 1px solid white;  /*style de l'encadrement bas */
font-size: 1px;
}

#ifrm {
  border: solid 1px white;
}

.gaucheBas {
  background-color: #37524f; /* couleur de fonds */
  border-top: 1px solid white; /* style de l'encadrement haut */ 
  /*filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;-khtml-opacity: 0.50;*/
	color: white;
}

.gaucheBas span
{
	font-weight: normal;
}

a.courriel  {
	color: #ff9900;
/*	border: solid 4px #343d4e;*/
	padding: 4px;
}


a.courriel:hover {
	background-color: #ff9900;
	border: solid 4px #ff9900;
	padding: 0px;
	color: white;
}

.gauche {
  background: transparent; /*url(hiver.jpg) no-repeat -800 0;*/
  width: 168px; /* largeur de la boite */
  /*border:solid 1px white; encadrement discret de la boite */
  /*background: #333;*/
  border: none 0px white; /*encadrement discret de la boite */

}

.droite{
background:  transparent;
}

#info p {
  text-align: center;
	font-size: 12px;
	line-height: 12px;
  color:white;
}

#info p a  {
	color: #ff8c00;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: -8px }

#info h3 a {
 	color: #fdfab9;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: -8px;
}

#info p a:hover, #info h3 a:hover {
  color: #ffea1f;
  background: transparent;
}

.tabInfo {
  color: yellow;
}

/***********MENU***********/
#gauche { /* boite gauche (avec le menu) */
    top: 0px;
    bottom: 0px;
    position: absolute;
    overflow: auto;
    display: block;
    left: 0px;
    padding-top: 20px;
    width: 100%;
    height: auto;
    
}

p a {
	text-decoration: none 
  background: transparent;
}

p a.menusliens    {
  color:white;
	font-size: 12px;
	line-height: 28px;
   /*background-color: #005073;*/
 background: #444 url(../medias/menu.gif) no-repeat 4px 4px;
  height: 32px;
  margin-left:0px;
 margin-top:-16px;
  margin-bottom:24px;
  /* margin-bottom: 8px;*/
	padding-left: 35px;
	margin-right: 0px;
	padding-right: 6px;
	border: solid 1px #6c8495;
	display: block;
}

p a.menusliens:hover{
color:red;
/*background: #8bb7b2 url(../medias/menu.gif) no-repeat 4px 4px;*/
background: #fdfab9 url(../medias/menu.gif) no-repeat 4px 4px;
}

p a.submenus    {
/*	color: #ccc; #ffa800;*/
	background: url(fc.gif) no-repeat 6px 2px;
	/*	color: #7fa9bf;*/
	color: #ff9900;
	text-align: left;
	font-size: 12px; /*13px;*/
	line-height: 14px; /*14px;*/
	text-decoration: none;
	
	margin-top: -14px;
	padding-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	margin-left:0px;
	padding-left: 24px;
	margin-right: 0px; /*12px;*/
	padding-right: 6px; /*12px;*/
	display: block
}
p a.submenus:hover    {
color:red;
background: #bfbfbf url(fo.gif) no-repeat 6px 2px;
}

p a.subliens   {
/*	color: #7fa9bf;*/
  color: #cbcbcb;
	font-size: 12px; /*13px;*/
	line-height: 12px; /*14px;*/
	text-decoration: none;

  margin-top: -14px;
	padding-top: 4px;
	margin-bottom: 14px;
	padding-bottom: 4px;
  margin-left:0px;
	padding-left: 24px;
	margin-right: 0px; /*12px;*/
	padding-right: 6px; /*12px;*/
	border-bottom: 1px solid #cfdce6;
	display: block
}

p a.liens
{
	/*	color: #7fa9bf;
	color: #ff7c00;
	color: #E942E3;
	color: #ff00fe;*/
	color: #005073;
	text-align: center;
	font-size: 12px; /*13px;*/
	line-height: 14px; /*14px;*/
	text-decoration: none;
	/*background: transparent;*/
  background: #a9cce2;
	margin-top: -24px;
	padding-top: 4px;
	margin-bottom: 24px;
	padding-bottom: 4px;
	margin-left:0px;
	padding-left: 8px;
	margin-right: 0px; /*12px;*/
	padding-right: 6px; /*12px;*/
	border-bottom: 1px solid #cfdce6;
	border: solid 1px #6c8495;
	display: block
}

p a:hover {
	color: black;
/*	background: #bfbfbf;*/
/*	background: #8bb7b2;*/
	background: #fdfab9;
}

p.img1 a.liens{
  background: transparent url(menu/img/01_portrait.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img1 a:hover{
  background: transparent url(menu/img/01_portrait.jpg) no-repeat 0px -80px;
}

p.img2 a.liens{
  background: transparent url(menu/img/02_mode.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img2 a:hover{
  background: transparent url(menu/img/02_mode.jpg) no-repeat 0px -80px;
}

p.img3 a.liens{
  background: transparent url(menu/img/03_pub.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img3 a:hover{
  background: transparent url(menu/img/03_pub.jpg) no-repeat 0px -80px;
}

p.img4 a.liens{
  background: transparent url(menu/img/04_patrimoine.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img4 a:hover{
  background: transparent url(menu/img/04_patrimoine.jpg) no-repeat 0px -80px;
}

p.img5 a.liens{
  background: transparent url(menu/img/05_interieur.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img5 a:hover{
  background: transparent url(menu/img/05_interieur.jpg) no-repeat 0px -80px;
}

p.img6 a.liens{
  background: transparent url(menu/img/06_urbanisme.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img6 a:hover{
  background: transparent url(menu/img/06_urbanisme.jpg) no-repeat 0px -80px;
}

p.img7 a.liens{
  background: transparent url(menu/img/07_mer.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img7 a:hover{
  background: transparent url(menu/img/07_mer.jpg) no-repeat 0px -80px;
}

p.img8 a.liens{
  background: transparent url(menu/img/08_campagne.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img8 a:hover{
  background: transparent url(menu/img/08_campagne.jpg) no-repeat 0px -80px;
}

p.img9 a.liens{
  background: transparent url(menu/img/09_aeriennes.jpg) no-repeat 0px -80px;
  height:72px;
  text-align: right;
}
p.img9 a:hover{
  background: transparent url(menu/img/09_aeriennes.jpg) no-repeat 0px 0px;
}

p.img10 a.liens{
  background: transparent url(menu/img/10_animaux.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img10 a:hover{
  background: transparent url(menu/img/10_animaux.jpg) no-repeat 0px -80px;
}

p.img11 a.liens{
  background: transparent url(menu/img/11_transports.jpg) no-repeat 0px -80px;
  height:72px;
  text-align: right;
}
p.img11 a:hover{
  background: transparent url(menu/img/11_transports.jpg) no-repeat 0px 0px;
}

p.img12 a.liens{
  background: transparent url(menu/img/12_plantes.jpg) no-repeat 0px -80px;
  height:72px;
  text-align: right;
}
p.img12 a:hover{
  background: transparent url(menu/img/12_plantes.jpg) no-repeat 0px 0px;
}

p.img13 a.liens{
  background: transparent url(menu/img/13_recherche.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img13 a:hover{
  background: transparent url(menu/img/13_recherche.jpg) no-repeat 0px -80px;
}

p.img14 a.liens{
  background: transparent url(menu/img/14_infographie.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img14 a:hover{
  background: transparent url(menu/img/14_infographie.jpg) no-repeat 0px -80px;
}

p.img15 a.liens{
  background: transparent url(menu/img/15_body.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img15 a:hover{
  background: transparent url(menu/img/15_body.jpg) no-repeat 0px -80px;
}

p.img16 a.liens{
  background: transparent url(menu/img/16_sculpture.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img16 a:hover{
  background: transparent url(menu/img/16_sculpture.jpg) no-repeat 0px -80px;
}

p.img17 a.liens{
  background: transparent url(menu/img/17_archives.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img17 a:hover{
  background: transparent url(menu/img/17_archives.jpg) no-repeat 0px -80px;
}

p.img18 a.liens{
  background: transparent url(menu/img/18_activites.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img18 a:hover{
  background: transparent url(menu/img/18_activites.jpg) no-repeat 0px -80px;
}

p.img19 a.liens{
  background: transparent url(menu/img/19_fetes.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img19 a:hover{
  background: transparent url(menu/img/19_fetes.jpg) no-repeat 0px -80px;
}

p.img20 a.liens{
  background: transparent url(menu/img/20_maquette.jpg) no-repeat 0px 0px;
  height:72px;
  text-align: right;
}
p.img20 a:hover{
  background: transparent url(menu/img/20_maquette.jpg) no-repeat 0px -80px;
}

p.img21 a.liens{
  background: transparent url(menu/img/21_restauration.jpg) no-repeat 0px -80px;
  height:72px;
  text-align: right;
}
p.img21 a:hover{
  background: transparent url(menu/img/21_restauration.jpg) no-repeat 0px 0px;
}

p.img22 a.liens{
  background: transparent url(menu/img/22_spect_pierre_bleue.jpg) no-repeat 0px -80px;
  height:72px;
  text-align: right;
}
p.img22 a:hover{
  background: transparent url(menu/img/22_spect_pierre_bleue.jpg) no-repeat 1px -1px;
}


.tabInfo {
  background: transparent;
  color: white;
}

.tabover, .tabInfo:hover{
  background: transparent; /*#4c617f; #ffffb1;*/
  /*filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1;*/
  color: navy;
}