@charset "UTF-8";


.TabbedPanels {
	margin-right:20px;
    margin-left:20px;
	padding: 0px;
	float: left;
	clear: none;
	width: 536px;
}

.TabbedPanelsTabGroup {
	margin:0px;
   	padding:0px;
    }


.TabbedPanelsTab {
	position: relative;
	float: left;
	padding: 5px 10px;
	margin: 0px 1px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #a33e23;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
    color: #551b01;
	background: url(../images/Fleche.gif) no-repeat 50% -3%;
background-color: #f49f20;

     
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
    background: url(../images/Fleche.gif) no-repeat 50% -3%;
	background-color: #F99D1E;
	color: #551b01;
   
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #652406;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-top: solid 0px #652406;
	background-color: #FFF;
    margin:0px;

}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 20px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/* Début de la feuille de style pour les pages
 * Background--------------------------------------- */

.Fond {
	
	background-color: #FFE2A6;
	}

.Background {
	
	background-color: #FFE2A6;
	background-image: url(../images/Background.jpg);
	background-repeat: repeat-x;
}

#Menu {
	
    background-image: url(../images/Background-Menu.jpg);
	background-repeat: repeat-y;
}




/* Textes header--------------------------------------------------------------- */

#Accueil-Blanc {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    margin-left:70px;
    margin-top:40px;
    color: #FFFFFF;
    text-decoration: underline;
    background: url(../images/Home-Blanc.gif) no-repeat 0% 50%;
    padding-left: 15px;
}   


#Accueil {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    margin-left:70px;
    margin-top:40px;
        
}

#Accueil a, #Accueil a:visited{
	color: #b1c800;
    font-weight: bold;
	text-decoration: none;
    background: url(../images/Home-Vert.gif) no-repeat 0% 50%;
    padding-left: 15px;
}
#Accueil .a{
	color: #b1c800;
    font-weight: bold;
	padding: 8px 8px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	
}
#Accueil a:hover {
	color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    background: url(../images/Home-Blanc.gif) no-repeat 0% 50%;
    padding-left: 15px;
}


#Plan-Blanc {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    margin-left:70px;
    margin-top:6px;
    color: #FFFFFF;
    text-decoration: underline;
    background: url(../images/Plan-Blanc.gif) no-repeat 0% 50%;
    padding-left: 15px;
}   

#Plan {
	float: left;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin-left:70px;
    margin-top:5px;
    
}

#Plan a, #Plan a:visited{
	color: #b1c800;
    font-weight: bold;
	text-decoration: none;
    background: url(../images/Plan-Vert.gif) no-repeat 0% 50%;
    padding-left: 15px;
}
#Plan .a{
	color: #b1c800;
    font-weight: bold;
	padding: 8px 8px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	
}
#Plan a:hover {
	color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    background: url(../images/Plan-Blanc.gif) no-repeat 0% 50%;
    padding-left: 15px;
}


#Contact-Blanc {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    margin-left:70px;
    margin-top:4px;
    color: #FFFFFF;
    text-decoration: underline;
    background: url(../images/Contact-Blanc.gif) no-repeat 0% 50%;
    padding-left: 15px;
}  

#Contact {
	float: left;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin-left:68px;
    margin-top:4px;
 
}

#Contact a, #Contact a:visited{
	color: #b1c800;
    font-weight: bold;
	text-decoration: none;
    background: url(../images/Contact-Vert.gif) no-repeat 0% 50%;
    padding-left: 17px;
}
#Contact .a{
	color: #b1c800;
    font-weight: bold;
	padding: 8px 8px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	
}
#Contact a:hover {
	color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    background: url(../images/Contact-Blanc.gif) no-repeat 0% 50%;
    padding-left: 17px;
}

/* Texte menu de droite-------------------------------------------- */

#Texte-Validation {
	font-family: Arial, Helvetica, sans-serif;
	color: #832b01;
    height:38px;
    font-size: 10px;
	font-weight: normal;
    padding-left:18px;
    padding-right:20px;
    padding-top:32px;
    background: url(../images/Validation-Permis.jpg) no-repeat;
}

#Texte-Validation a, #Texte-Validation a:visited{
	color: #832b01;
	text-decoration: none;   

}
#Texte-Validation .a{
	color: #832b01;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#Texte-Validation a:hover {
	color: #441702;
    text-decoration: underline;

}


#Deroulant {
	
	margin-left:18px;
	margin-top:5px;
    margin-bottom:5px;
	
}

.Onglet {
	color: #832b01;
    font: normal 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
    background-color: #EACC96;
	width:158px;

	
}

#Texte-Adherents {
	font-family: Arial, Helvetica, sans-serif;
	color: #832b01;
	font-size: 10px;
	font-weight: normal;
	padding-left:18px;
	padding-right:20px;
	padding-top:2px;
	  
}


#Texte-Adherents a, #Texte-Adherents a:visited{
	color: #832b01;
	text-decoration: none;   

}
#Texte-Adherents .a{
	color: #832b01;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#Texte-Adherents a:hover {
	color: #441702;
    text-decoration: underline;

}




.Formulaire {
	margin-left:18px;
	margin-top:3px;
	vertical-align: top;	

	  
}


.Champs {
	color: #832b01;
    font: normal 11px Arial, Helvetica, sans-serif;
	width:126px;
	height:16px;
    padding-top:3px;
    padding-bottom:0px;
    padding-left: 2px;
    padding-right:2px;
  
}

.Bouton {
	
	width:21px;
	height:21px;
	background-color: #832b01;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #EACC96;
    border: none;
  	cursor: pointer;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:1px;
    padding-left:1px;
  
   
}


/* Contenu-------------------------------------*/

#Photo-Lievre {
	width:220px;
    height:144px;
	border: 1px solid #CCCCCC;
	float: left;
    margin-right:100px;
    margin-bottom:10px;
    text-decoration:none;
}

#Photo-L {
	width:182px;
    height:137px;
	border: 1px solid #CCCCCC;
	float: left;
    margin-right:20px;
    margin-bottom:20px;
    text-decoration:none;
}

#Photo {
	width:182px;
    height:137px;
	border: 1px solid #CCCCCC;
	float: right;
    margin-left:20px;
    margin-right:0px;
    padding:0px;
    margin-bottom:20px;
    text-decoration:none;
}

#Photo-2 {
	width:137px;
    height:182px;
	border: 1px solid #CCCCCC;
	float: right;
    margin-left:20px;
    margin-bottom:20px;
   text-decoration:none;
}

#Cloture {
	width:534px;
    height:216px;
	border: 1px solid #CCCCCC;
	margin-bottom:5px;
  
}



#Chasse-accompagnee {
	width:128px;
    height:128px;
	border: 1px solid #CCCCCC;
	float: right;
    margin-left:20px;
  
}
#Mois {
	width:182px;
	float:left;
    margin-right:20px;
    margin-bottom:20px;
    text-decoration:none;

}

#Photo-Mois {
	width:182px;
    height:137px;
	border: 1px solid #CCCCCC;
	float: left;
    margin-bottom:10px;  
    text-decoration:none;
}


#Validation{
	width:536px;
    height:347px;
	border: 1px solid #CCCCCC;
	margin-top:10px; 
}

#Sanglier-Evolution{
	width:536px;
    height:411px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Sanglier-Degats{
	width:536px;
    height:323px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Sanglier-Repartition{
	width:536px;
    height:327px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Sanglier-Tableau{
	width:536px;
    height:472px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Chevreuil-Prelevements{
	width:536px;
    height:424px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Chevreuil-Degats{
	width:536px;
    height:514px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Chevreuil-Carte{
	width:536px;
    height:301px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Chevreuil-Indice{
	width:536px;
    height:232px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}
#Lievre {
	width:536px;
    height:659px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}
#Perdrix-Prelevement {
	width:323px;
    height:256px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Zone-Humide {
	width:auto;
	height:256px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px;
	margin-top:10px;
	text-align: center;
}


#Becasse-Indice{
	width:536px;
    height:195px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}


#Renard-Prelevement {
	width:536px;
    height:256px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px; 
    margin-top:10px; 
}

#Lievre-Prelevement {
	border: 1px solid #CCCCCC;
	margin-left:20px;
    float:"right";
}

#Photo-Calendrier{
	width:68px;
    height:100px;
	border: 1px solid #CCCCCC;
	float: left;
    margin-right:10px;
     
   
}


#Personnel{
	width:100px;
    height:130px;
	border: 1px solid #CCCCCC;
	float: left;
    margin-right:10px; 
 
   
}

#Elus {
	width:534px;
    height:255px;
	border: 1px solid #CCCCCC;
	float: left;
    margin-bottom:10px;
    margin-right:20px;  
}


#Organigramme {
	width:322px;
    height:383px;
	float: right;
    margin-left:20px;
   
  
}


#Bloc {
float:"left";
margin-bottom:20px;
   }

#Marge {
	width:536px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:20px;
	vertical-align: top;      
}


#Marge-1 {
	width:536px;
    height:210px;
    margin-right:20px;
    margin-left:20px;
    margin-bottom:20px;
   }


#Marge-2 {
	margin-bottom:20px;
    width:536px;
    padding-top:20px;
    margin-bottom:20px;
   	vertical-align: top;
    float: left;
   }



#Marge-2-Bis {
	margin-bottom:20px;
    width:536px;
    padding-top:20px;
    margin-bottom:20px;
   	vertical-align: top;
    float: left;
    background: url(../images/Carte.jpg) no-repeat 0% 0%;
   }

#Marge-3 {
	margin-bottom:20px;
    width:536px;
    margin-right:20px;
    margin-left:20px;
    margin-bottom:20px;
   	vertical-align: top;
    float: left;
   }


#Marge-4 {
	margin-bottom:20px;
	width:536px;
	margin-right:20px;
	margin-left:20px;
	padding-bottom:20px;
	vertical-align: top;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;
   }

#Marge-5 {
	padding-bottom:20px;
	width:536px;
	vertical-align: top;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;

   }


#Marge-6{
	margin-bottom:20px;
    width:536px;
    margin-bottom:20px;
   	vertical-align: top;
    float: left;
   }


#Marge-7 {
	width:516px;
    margin-top:10px;
margin-bottom:20px;
	padding:10px;
   	vertical-align: top;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #105603;
	border-right-color: #105603;
	border-left-color: #105603;
   }


#Actualites{
	width: 330px;
    height: 147px;
    height: auto;
    float: right;
    
   
}

#Texte-Sommaire {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 11px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;
    padding-bottom:7px;
    margin-bottom:7px;
}



#Texte-Sommaire a, #Texte-Sommaire a:visited{
	color: #105603;
	text-decoration: none;   

}
#Texte-Sommaire.a{
	color: #105603;
	font-size: 11px;
	font-weight: normal;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	
}
#Texte-Sommaire a:hover {
	color: #105603;
    text-decoration: underline;

}




#Texte-Orange {
	font-family: Arial, Helvetica, sans-serif;
	color: #F49F20;
	font-size: 11px;
	font-weight: normal;
    margin-left:23px;

}


#Texte-Blanc {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
    margin-left:23px;

}



#Texte-Vert-2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 11px;
	font-weight: normal;
    margin-bottom:10px;
	padding-bottom: 5px;
    border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;

}

#Texte-Vert-2 a, #Texte-Vert-2 a:visited{
	color: #AA4324;
	text-decoration: none;   

}
#Texte-Vert-2 .a{
	color: #AA4324;
	font-size: 11px;
	font-weight: normal;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	
}
#Texte-Vert-2 a:hover {
	color: #f49f20;
    text-decoration: underline;

}










#Texte-Vert {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 11px;
	font-weight: normal;
}

#Lien-Gros {
	font-family: Arial, Helvetica, sans-serif;
	color: #AA4324;
	font-size: 13px;
	font-weight: normal;
}

#Texte-Vert a, #Texte-Vert a:visited{
	color: #AA4324;
	text-decoration: none;   

}
#Texte-Vert .a{
	color: #AA4324;
	font-size: 11px;
	font-weight: normal;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	
}
#Texte-Vert a:hover {
	color: #f49f20;
    text-decoration: underline;

}




#Texte-Ocre {
	font-family: Arial, Helvetica, sans-serif;
	color: #AA4324;
	font-size: 11px;
	font-weight: normal;
}

#Texte-Ocre2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #AA4324;
	font-size: 13px;
	font-weight: normal;
}

#Texte-Ocre a, #Texte-Ocre a:visited{
	color: #AA4324;
	text-decoration: none;   

}
#Texte-Ocre .a{
	color: #AA4324;
	font-size: 11px;
	font-weight: normal;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	
}
#Texte-Ocre a:hover {
	color: #AA4324;
    text-decoration: underline;

}



#Texte-PDF {
	font-family: Arial, Helvetica, sans-serif;
	color: #AA4324;
	font-size: 11px;
	font-weight: normal;
    background: url(../images/PDF.gif) no-repeat 0% 0%;
    padding-left:20px;
    margin-top:3px;
  
    
}

#Texte-PDF a, #Texte-PDF a:visited{
	color: #AA4324;
	text-decoration: none;   

}
#Texte-PDF .a{
	color: #AA4324;
	font-size: 11px;
	font-weight: normal;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	
}
#Texte-PDF a:hover {
	color: #f49f20;
    text-decoration: underline;

}




.Titre-1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 22px;
	font-weight: normal;
	margin-bottom:10px;
	padding-bottom: 5px;
    border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;
}



.Titre-2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
	font-style: italic;

}

#Titre-2  {
    font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
	font-style: italic;
 

}

#Titre-2  a, #Titre-2  a:visited{
	color: #105603;
	text-decoration: none;   

}
#Titre-2  .a{
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	
}
#Titre-2  a:hover {
	color: #105603;
	font-size: 16px;
	font-weight: bold;
    text-decoration: underline;

}




#Titre-3  {
  	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	padding-bottom:10px;
	font-style: italic;
    padding-top: 20px;
    border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #105603;
 

}

#Titre-3  a, #Titre-3  a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;   

}
#Titre-3  .a{
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	
}
#Titre-3  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
    text-decoration: underline;

}



.Titre-3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 16px;
	font-weight: bold;
	padding-bottom:10px;
	font-style: italic;
    padding-top: 20px;
    border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #105603;
   
}



.Titre-4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #105603;
	font-size: 20px;
	font-weight: normal;
	margin-bottom:10px;
	padding-bottom: 5px;
    border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #105603;
}


/* Texte footer-------------------------------------- */
#Texte-Footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
 

}

#Texte-Footer a, #Texte-Footer a:visited{
	color: #FFFFFF;
	text-decoration: none;   

}
#Texte-Footer .a{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	
}
#Texte-Footer a:hover {
	color: #FFFFFF;
    text-decoration: underline;

}


.Texte-Footer-Title {
	font-family: Helvetica;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	padding-left:20px;
	width:177px;
	
}




.Postit {
	width: 141px;
	height: auto;
	border: 1pt solid #652406;
	padding: 9px;
	background-color: #F5F19A;
	float: right;
	top: 0px;
	clip:   rect(auto auto auto auto);
	}
	


/*------------------------------------------------------*/




#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 70px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}