@charset "utf-8";
/* CSS Document */

body { 
background: #B9B997; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
}
a { color:#999900; text-decoration:none;}
a:hover { color:#FF6699; text-decoration:none;}
a img{border:0px;}
a.partenaires { color: #999933; text-decoration:none;
}
h1 { font-size:12px; color: #CCCCCC; text-transform:uppercase; margin:0 ; padding:0; top:0;}
h2 { font-size:12px; color:#999900; text-transform:uppercase;}
h3 { color:#FFFFFF; margin:5px 5px 0 5px; padding:0; top:0; font-size:12px; height:39px;}
h4 { font-size:12px; color: #000000; margin:0 ; padding:0; top:10px;}


.clear{ clear:both;}

#globalmenu { 
width:832px; 
margin: 0 auto; /*border: 1px solid #333333;*/
}

#global { 
width:800px; 
margin: 0 auto; 
float:right; 
border: 1px solid #333333;
}

#header { 
	width:800px; 
	height:374px; 
	margin: 0 auto;
}

#contenu {
	background:#FFFFFF url(../images/bg-contenu.jpg) right bottom no-repeat;
	width:800px;
	float:left; 
	margin: 0 auto; 
}

#anim-contenu { 
width:266px; 
float:left;
}

#texte-contenu{ 
width:514px; 
float:right; 
padding:10px;
}

#footer { 
	background: #333333;
	width:780px; 
	margin: 0 auto;
	color:#FFFFFF; padding:10px;
}



#menu { 
	width:266px; 
	height: 374px; 
	background: url(../images/structure/fd-menu.jpg) top right; 
	float:left; 	
}

#menu ul {  
	margin: 0;
	padding: 40px 0 0 0;
	list-style-type: none;	
	line-height: 20px;
}

#menu ul li { 
text-align:right; padding-right:30px; height:30px;
}

#menu li a { 
	/*list-style-image:url(../images/puce-blanche.jpg) ;*/
	padding: 0 0 0 10px; text-decoration:none; color: #333333;
}

#menu li a:hover {
	background: url(../images/puce-blanche.jpg) no-repeat 0 0px;
	margin: 0;
	padding: 0 0 0 20px;
}

.rouge { color: #FF0000;}
.jaune { color:#FFCC00;}
.blanc { color:#FFFFFF; font-weight:bold;}
.bleu { color:#0066CC; font-weight:bold;}


#actu{
width: 268px;
height: 374px;
background: #393939;
float: left;
color:#CCCCCC;
}
#actu p{ margin:5px 0 10px 0; padding:0;
 
}

.histoire { background: url(../images/fd-histoire.jpg) no-repeat top; color: #333333; width:160px; float:left; margin: 0 10px 10px 0;}
.histoire a{ font-size: 1.0em; color: #FFFFFF;	text-decoration: none;}
.histoire a:hover { color: #CC9933; text-decoration:none;}

.citation{ font-style:oblique; color:#999900; clear:both; margin:10px 0 10px 20px; padding:5px;}

.droite { float: right;}
.gauche { float: left;}

.pad10{ padding:10px;}

.image{ padding:10px; border:#333333 1px solid; text-align:center;}
.imagegal{ padding:5px; border:#333333 1px solid; text-align:center;}





/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    border         :  1px solid #000000 ; /* Définition des bordures */
	padding	: 5px 5px 5px 45px; 
	background: #B9B997 url(../images/info_bulle.jpg) left top no-repeat; color: #FFFFFF;
} 

a.info_bulle
{				
  color           : #2F368A;
  text-decoration : none; 
  padding         : 2px 5px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  -240px;
    width      :  180px;
    height     :  auto;
    overflow   :  visible;
}    



#menuhist { 
	width:246px;
	padding:10px; background:url(../images/histoire-menu.jpg) no-repeat top; 
	
}

#menuhist ul {  
	margin: 0;
	padding: 40px 0 0 0;
	list-style-type: none;	
	line-height: 20px;
}

#menuhist ul li { 
text-align:left; padding-right:10px; height:30px;
}

#menuhist li a { 
	/*list-style-image:url(../images/puce-blanche.jpg) ;*/
	padding: 0 0 0 10px; text-decoration:none; color: #333333;
}

#menuhist li a:hover {
	background: url(../images/puce-grise.jpg) no-repeat 0 0px;
	margin: 0;
	padding: 0 0 0 20px;
}




a.info_bulle p { padding: 10px 0; } 
a.infoweb { color: #003300; text-decoration: none;}
.iwvert { color: #99FF99;}


/*galerie*/

.photogal{ 
background: url(images/fd-photo.png) top left no-repeat; float:left; 
width:171px;
height:133px;
padding: 9px 9px 11px 9px; text-align:center; margin-top:5px; margin-left:5px; color:#FFFFFF;
}

.nbrpg{ border: #FFFFFF 1px solid; background: #333333; padding:3px; margin:10px 2px 2px 7px; float:left;
}
.page { float:left; border:1px solid #666666; color:#999900; padding:3px; margin:3px;}

#newstitre { 
	background: #333333;
	width:317px; 
	margin: 0 auto;
	color:#FFFFFF;  border:1px solid #333333; padding:10px;
}
#newspop { 
	width:317px; 
	margin: 0 auto;
	color:#FFFFFF; padding:10px; border:1px solid #333333; }


.img10pxlien { padding:10px; border:#999999 1px solid; float:left; margin:10px;}