/* 
design.css Par A. Croguennec Fichier créé le 22/02/2011
*/
body {
	margin-top: 0px;
	font-size: 10pt;
	font-family: helvetica,tahoma,arial,"bitstream vera sans",sans-serif;
	color: #000000;
	background-color: #000000;
	background-image:none;
}

table {
	font-size: 10pt;
}
p {margin-top: 0px;}
p {margin-bottom: 0px;}
p {text-indent: 0.5cm;}
p {text-align: justify;}
a:link {text-decoration:none;color:blue;}
a:visited {text-decoration:none;color:blue;}
a:hover {background:white;text-decoration:underline;color:blue;}
a:active {text-decoration:none;color:blue;}
a img {border: none;}

.lettrine:first-letter   /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
   font-size: 1.8em; /* Fasse une hauteur de 2 lignes */
   font-family: tahoma, arial, times, sans-serif; /* Soit mise en Arial si possible*/
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 7px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
   margin-top: 2px; 
}
#container {
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	width:1000px;
	background-color:#FFFFFF;
	background-image: url("images/gwback.jpg");
	border: solid #000000 1px;
	}
/* container de la page index */
#container1 {
-moz-border-radius: 0px 0px 0px 0px;
margin: 0px auto;
padding: 0;
background-image: url("images/gwback.jpg");
position: relative;
width: 1012px;
}
/* container pour les éditions en PDF pour JFP */
#container2 {
	margin-left:auto;
	margin-right:0;
	padding-left:20px;
	padding-right:20px;
	background-color:#CC33FF;
	width:auto;
		background-image: url("images/gwback.jpg");
	border: solid #000000 0px;
	}
/* #photo {
	position: relative;
	}
#tableau {
	position: absolute;
	left:0px;
	bottom: 0px;
	} */
.aucentre {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.ombre
{
-moz-box-shadow: 1px 1px 10px #FF0;
background-color:#FFF;
}
/* pour la DIV de la fenêtre appelante */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	/* -moz-opacity: 0.25; */
	opacity:.25; 
	/* filter: alpha(opacity=25); */
}
/* pour la DIV de la light-box */ 
.white_content {
	display: none;
	position: absolute;
	top: 10%;
    left: 0%;
	width: 100%;
	height: 100%;
	padding: 5px;
	border: 3px solid #2f6400;
	background-color: lightyellow;
	background-color: #DADADA;
	z-index:1002;
	overflow: auto;
}

.localisation {
	display: none;
	position: absolute;
	top: 0;
    left: 0;
	width: auto;
	height: auto;
	padding: 0px;
	border: none;
	background-color: none;
	z-index:1002;
	overflow: auto; 
}
.explication-c {
	display: none;
	position: absolute;
	top: 10%;
    left: 0%;
	width: 100%;
	height: 100%;
	padding: 3px;
	border: 1px solid #2f6400;
	background-color: #E1E1E1;
	z-index:1002;
	overflow: auto;
}
.fleche {
    border:none;
	height:12px;  /* 20px */
	width:20px;   /* 40px */
	}
.champ {
	background-color:white ;
	vertical-align:top ;
	font-weight:bold ;
	font-style:italic ;
	text-decoration:none ; 
	color:blue ;
	font-size:14px ;
	}
/* note1 est utilisée dans chapelle-brezal.htm et dans demographie.htm par exemple */
/* .note1 {border:0px solid #2f6400; padding:0px 0px;background:green;border-radius:25px;font-weight:bold;font-size:8pt;color:white }	*/
.note1 {border:0px solid green;padding:0;background:green;border-radius:25px;font-weight:bold;font-size:8pt;color:white }
.note1:before {content:'-';color:green;font-weight:bold;font-size:10pt} 
.note1:after {content:'-';color:green;font-weight:bold;font-size:10pt} 
.note2 {border:0px solid yellow;padding:0;background:yellow;border-radius:25px;font-weight:bold;font-size:8pt;color:red }
.note2:before {content:'-';color:yellow;font-weight:bold;font-size:10pt} 
.note2:after {content:'-';color:yellow;font-weight:bold;font-size:10pt} 
.note3 {border:0px solid white;padding:0;background:white;border-radius:25px;font-weight:bold;font-size:8pt;color:red }
.note3:before {content:'-';color:white;font-weight:bold;font-size:10pt} 
.note3:after {content:'-';color:white;font-weight:bold;font-size:10pt} 
.note4 {border:0px solid lightblue;padding:0;background:lightblue;border-radius:25px;font-weight:bold;font-size:8pt;color:blue }
.note4:before {content:'-';color:lightblue;font-weight:bold;font-size:10pt} 
.note4:after {content:'-';color:lightblue;font-weight:bold;font-size:10pt} 
.note2b {border:0px solid yellow;padding:0;background:yellow;border-radius:10px;font-weight:bold;font-size:7pt;color:red }
.note2b:before {content:'-';color:yellow;font-weight:bold;font-size:7pt} 
.note2b:after {content:'-';color:yellow;font-weight:bold;font-size:7pt} 
.bdesep { border:2px;text-align:center;padding:2px;background-color:lightgreen;font-size:15px }
.paudio { width:350px; height:40px } 
.pcentre {text-indent:0;text-align:center}
.fermer {border:solid 2px black;background-color:white;padding-left:3px;padding-right:3px;font-weight:bold;font-size:12pt}