/******************************************
 * Site www.forteresse-montrond.fr        *
 *----------------------------------------*
 * Réalisation François LALLIER pour le   *
 * CHASA. Tous droits réservés (c) 2009   *
 *----------------------------------------* 
 * Feuille de style générale              *
 ******************************************/
 
 
 
/* RAJOUT LE 28-08-2011 : liens sur les synopsis et le titre des articles sur la home page */
a.home_news_link_title{text-decoration:none;}
a.home_news_link_synopsis{text-decoration:none;color:#000!important;}
/* RAJOUT LE 28-08-2011 : liens sur les synopsis et le titre des articles sur la home page */

/********************************************************************************
 *                      Cette partie concerne la lightbox                       *
 ********************************************************************************/

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

#lightbox img{ 
  width: auto; 
  height: auto;
}

#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: 101; 
}

#imageContainer>#hoverNav{ 
  left: 0;
}

#hoverNav a{ 
  outline: none;
}

#prevLink, #nextLink{ 
  width: 49%; 
  height: 100%; 
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
  display: block; 
}

#prevLink { 
  left: 0; 
  float: left;
}

#nextLink { 
  right: 0; 
  float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
  background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
  background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; 
}


#imageDataContainer{ 
  font: 10px "Arial", Verdana, 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: 66px; 
  float: right;  
  padding-bottom: 0.7em; 
  outline: none;
}	 	

#overlay{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 90; 
  width: 100%; 
  height: 500px; 
  background-color: #000; 
}

/********************************************************************************/



/************************* Boite d'administration *******************************/
#box_connexion {
  margin-top: 150px;
  height: 206px;
  width: 400px;
  padding-top: 50px;
  padding-left: 70px;
  margin-left: 180px;
  background: url(../images/box_connexion.png) no-repeat;
}





/********************************************************************************
 *     Cette partie concerne les différents menus utilisés sur le site          *
 ********************************************************************************/

/* ************************************************
 * Menu utilisé dans les parties d'administration *
 **************************************************/
 
ul#menu_admin 
{
  list-style-type: none;
  width: 100%; /* précision pour Opera */
}

ul#menu_admin li 
{
  float: left;
}

ul#menu_admin a 
{
  margin: 0 2px;
  padding: 2px 15px;
  text-align: center;
  border: 1px solid gray;
  text-decoration: none;
  color: #000;
  background: #fff;
}

ul#menu_admin a:hover 
{
  background: #ccc;
  border: 1px solid gray; 
  color: #fff;
  font-weight:bold
}






/******************************************************
 *           Nouveau menu - Aout 2008                 *
 ******************************************************/


.menu2 {
  float:left; 
  width:100%; 
  font-family: "Arial", Verdana, sans-serif; 
  /*font-weight: bold;*/
  font-size:14px; 
  border-top:1px solid #336666;
  background:#ddd url(../images/menu.png) repeat-x; 
  margin:0 0 20px 0; 
}
.menu2 ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

.menu2 ul li {
  float:left; 
  position:relative;
}
.menu2 ul li.group {
  display:block; 
  text-indent:10px; 
  background:#666; 
  color:#ff0; 
  width:152px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
  float:left; 
  display:block; 
  text-decoration:none; 
  color:#444; 
  padding:0px 16px; 
  line-height:25px; 
  height:30px;
}

.menu2 ul li:hover {
  width:auto;
}

.menu2 ul li a:hover {
  background:#aaa url(../images/menu_hover.png); 
  color:#336666;
 }

.menu2 ul li:hover a {
  background:#aaa url(../images/menu_hover.png); 
  color:#336666;}

.menu2 ul li ul {
  display: none;
}

.menu2 table {
  margin:0; 
  border-collapse:collapse; 
  font-size:13px; 
  position:absolute; 
  top:0; 
  left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
  display:block; 
  position:absolute;
  top:29px; 
  background:#aaa; 
  margin-top:1px; 
  left:0; 
  width:152px;
}

.menu2 ul li:hover ul.scroller {
  height:138px; 
  width:172px; 
  overflow:auto;
}

.menu2 ul li:hover ul.endstop {
  left:-90px;
}

.menu2 ul li:hover ul li ul {
  display: none;
}

.menu2 ul li:hover ul li a {
  display:block; 
  background:#aaa; 
  color:#fff;
  height:auto;
  line-height:15px;
  padding:4px 16px; 
  width:120px;
}

.menu2 ul li:hover ul li a.drop {
  background:#888;
}

.menu2 ul li:hover ul li a:hover {
  color:#fff; 
  background: #888;
}

.menu2 ul li:hover ul li a:hover.drop {
  background: #888; 
  color:#ff0;
}

.menu2 ul li:hover ul li:hover ul {
  display:block; 
  position:absolute; 
  left:153px; 
  top:-70px; 
  color:#000; 
  left:152px; 
  height:138px; 
  width:172px; 
  overflow:auto; 
  background:#888;
}

.menu2 ul li:hover ul li:hover ul li a {
  background:#888;
}

.menu2 ul li:hover ul li:hover ul li.group {
  width:152px; 
  padding:5px 0;
}


.menu2 ul li:hover ul li:hover ul.left {
  left:-172px;
}

.menu2 ul li:hover ul li:hover ul li a:hover {
  background:#666; 
  color:#0ff;
}

/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}

/********************************************************************************/



/*********************************************************************
 *                Partie concernant l'en-tête                        *
 *********************************************************************/

h1#header
{
	height: 130px;
  width: 800px;
	background: url(../images/banniere.gif) no-repeat left top;
  background-position:center center;
	margin: 0 ;
}

div#headerswf
{
	height: 130px;
	background: url(../images/ban3.png) no-repeat left top;
	margin: 0 ;
}

div#flag
{
  padding: 3px;
}




/*********************************************************************
 *             Partie concernant la page                             *
 *********************************************************************/
body
{
  margin: 0 0;
  padding: 0;
  font: 0.8em "Arial", Verdana, sans-serif; 
  background-color: #e5e5e5;
  background-image: url(../../images/bg.png);
  background-position:center center;
  background-repeat:repeat-y; 
}


div#small
{
  font: "Arial", Verdana, sans-serif; 
  /* Textes en petits carractères */
}

a#small
{
  color: #336666;
  text-decoration:none; 
}

div#conteneur
{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
}
/* Une bordure autour de l'ensemble de la page */

div.bordure-cadre {
  width: 300px;
  padding-top: 15px;
  border: 1px dashed;
  background-color: #CCCCCC;
  padding: 5px 30px 0 40px ;
}



ul.puces {
  list-style-image: url(../images/fleche.png);
}



/***********************************************************
 * Pour certaines pages on peut placer un petit élément de *
 * déco sur le coté gauche de la page. (contenu2)          *
 * on crée un espace à gauche et à droite du contenu       *
 ***********************************************************/
div#contenu {
	padding: 0 30px 0 50px ;
	/*background: no-repeat 15px 80px ;*/

}

div#contenu_on {
	padding: 0 30px 0 100px ;
	background: url(../images/gauche.png) no-repeat 15px 80px ;

}
/************************************************************/


.presentationAccueil {
    text-align: justify;
}

.titreActu {
	font-size: 14px;
	font-weight: bold;
	color: #336666;
	margin-left: 4px;
}

.datePublication {
	font-size: 11px;
	margin-left: 4px;
	font-style: italic;
	margin-bottom: 4px;
}

.synopsis {
	font-size: 12px;
	margin-left: 4px;
}

.presentationForteresse{
	position : absolute;
    margin-top: 50px;
}

#lireSuite{
	text-decoration: none;
    font-size: 11px;
	margin-left: 2px;
}

a#lireSuite{
	text-decoration: none;
}





/************************************************************
 * Propriétés communes à l'espace du contenu, que l'image   *
 * décorative à gauche soit présente ou non                 *
 ************************************************************/


/* Utilisé pour les grands titres (titres des news, titres des sections, ...) */ 
div#contenu h2, div#contenu_on h2 {
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 16px;
	background: url(../images/puce.png) no-repeat left bottom ;
	color: #336666 ;
	border-bottom: 1px solid #336666 ;
}
/* Mise en forme du titre de page, une petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */


div#contenu h3, div#contenu_on h3 {
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #336666 ;
	border-left: 3px solid #336666 ;
	color: #336666 ;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p, div#contenu_on p {
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a, div#contenu_on a {
	color: #336666 ;
}

div#contenu a:hover, div#contenu_on a:hover {
	color: #339999;
}
/* On met en forme les liens contenu dans la page */

/************************************************************/



/************************************************************
 * Lettrines pouvant être utilisées dans les articles.      *
 ************************************************************/
.lettrine
{
  float: left;
  font-size: 3em;
  font-weight: bold;
  margin: .06em .1em 0 0;
  padding: 0 .1em;
  line-height: .9em;
  color: #900;
  font-family: "Arial", Verdana, sans-serif; 
  height: .9em;
}
/************************************************************/


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #336666 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */


/* utilisé pour la boite de trie par années de la page des nouvelles 
   ----------------------------------------------------------------- */
.archives_news{
  border-width:1px; 
  border-style:solid; 
  border-color:#cccccc;
  border-collapse:collapse;
  padding: 4px;
}

.archives_news th{
  background:#ddd url(../images/menu.png) repeat-x; 
}


/* utilisé pour la date de publication dans la partie news 
   ------------------------------------------------------- */
#em_news{
  font-size: 11px;
}

/* Bordures du back office */
#border_admin{
  border-width:1px; 
  border-style:solid; 
  border-color:black;
  border-collapse:collapse;
}



/*********************************************************************
 *                Partie concernant les liens                        *
 *********************************************************************/
a.lien1   
{     
  color:#9b2;     
  text-decoration:none;     
  font-weight:bold; 
}      

a.lien1:hover   
{     
  color:#000000;
  text-decoration:none;     
  font-weight:bold;
}

a img { border: 0px; } /* pas d'encadrement des images */

a:hover { border:0px } /* pour IE */


/**********************************************************************
 *             Partie concernant la galerie photo                     *
 **********************************************************************/

/* Pour les miniatures */
a.imclass img { border: 1px solid #000000 ; }


a.imclass:hover img {
  border: 1px solid #000000 ;
  
} /* agrandi les images lors du survol */


a.imclass2 img { border: 1px solid #000000 ; }
a.imclass2:hover img { border: 1px solid #000000 ; }


#galerie_cadre{
  border: 1px solid #666666 ;
  padding: 2px;
}


#flecheDroite{
  position: absolute;
  height: 100px;
  width: 100px;
  margin-left: 625px;
  top: 438px;
}

#flecheGauche{
  position: absolute;
  height: 100px;
  width: 100px;
  margin-left: 0px;
  top: 438px;
}



/*********************************************************************
 *                       Bulles du livre d'or                        *
 *********************************************************************/

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:0.8em; color:#000000;}
.xsnazzy h2 {font-size:0.8em; color:#000000; border:0;}
.xsnazzy p {padding-bottom:0.3em; color:#000000;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {
    display:block; 
    width:0; 
    height:0; 
    color:#000000; 
    overflow:hidden; 
    border-top:12px solid #dddddd; 
    border-left:12px dotted transparent; 
    border-right:12px dotted transparent; 
    margin-left:50px;
}

/* hack for IE5.5 */
* html .xsnazzy em {
    width:24px; 
    height:12px; 
    w\idth:0; 
    hei\ght:0;
}

.xsnazzy span {
    display:block; 
    width:0; 
    height:0; 
    color:#dddddd; 
    overflow:hidden; 
    border-top:10px solid #dddddd; 
    border-left:10px dotted transparent; 
    border-right:10px dotted transparent; 
    margin-left:52px; 
    margin-top:-15px;
}

* html .xsnazzy span {
    width:20px; 
    height:10px; 
    w\idth:0; 
    hei\ght:0;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}

.xb1 {margin:0 8px; background:##F6F6F4;}
.xb2 {margin:0 6px; background:#dddddd;}
.xb3 {margin:0 4px; background:#dddddd;}
.xb4 {margin:0 3px; background:#dddddd; border-width:0 5px;}

.xb5 {margin:0 2px; background:#F6F6F4; border-width:0 4px;}
.xb6 {margin:0 2px; background:#F6F6F4; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#F6F6F4; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#F6F6F4; border:2px solid #dddddd; border-width:0 3px;}







/*********************************************************************
 *                Partie concernant les formulaires                  *
 *********************************************************************/
label 
{
  font-family: "Arial", Verdana, sans-serif; 
  font-weight:bold
}
input 
{
  border:1px solid #999999;
  background-color:white;
  font-family: "Arial", Verdana, sans-serif; 
  color:black;
}
select, option 
{
  background-color:white;
  color:black;
}

/* Ne prend pas en compte les zones de textes gérées par "tiny MCE" */
textarea 
{
  border:1px solid black;
  background-color:white;
  font-family: "Arial", Verdana, sans-serif; 
  color:black;
}


/*********************************************************************
 *             Partie concernant le pied de page                     *
 *********************************************************************/
p#footer {  
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	background: url(../images/bg_bas.png) repeat ;
	color: #000000 ;
	font-size: 0.8em ;
}




.informations {
background: url(../images/icones_administration/informations.png);
width: 600px;
height: 60px;
}