
/* ----------------------CSS pages site JARRY------------------------------*/


/* ---------------------General-------------------------------*/


a {
	color:#EA4D00;
}

a:hover {
	text-decoration: underline;
	color:#804000;
}

p {
	margin-left:6px;
	margin-right:6px;
	font-family:arial,verdana;
	font-size:9pt;
	line-height:16px;
	color:#000;
}

img{
	border:0;
}

h2 {
	font-family:arial,verdana;
	font-size:12pt;
	line-height:20px;
	color:#800040;
	font-weight:bold;
}


/*----------------Page d'accueil--------------------------*/
	

.edito {
	padding:3em 1em 0 0;
	float:left;
	width:391px;
	height:293px;
	background-image:url(images/edito.gif);
	background-repeat: no-repeat;
	background-position:center;
}
	
.edito p {
	padding-top:40px;
	width:300px;
	margin-left:30px;
	font-family:arial,verdana;
	font-size:8pt;
	line-height:16px;
	color:#fff;
	font-weight:bold;
}

.galerie {
	padding:1.5em 0 0 0;
	height:293px;
}

.encart {
	margin:2em 1em 0 0;
	padding:1em;
	width:680px;
	height:auto;
	background-color:#000;
	font-family:arial,verdana;
	font-size:8pt;
	color:#fff;
	border:solid 1px #fff;
	text-align:justify;
	line-height:1.5em;
}

.historique {
	padding:1em;
	font-family:arial,verdana;
	text-align:left;
	font-size:8pt;
	line-height:1em;
	background-color:#87024C;
}


/* --------------------Autres pages--------------------*/

.piedpage {
	width:100%;
	margin-left:6px;
	margin-right:6px;
	clear:both;
	}

.maintexteb {
	margin-left:6px;
	font-family:arial,verdana;
	font-size:8pt;
	line-height:16px;
	color:#ffffff;
}
	
.textefondnoir {
	font-family:arial,verdana;
	font-size:8pt;
	color:#ffffff;
	margin-left:6px;
	margin-right:6px;
}

.soustexte {
	margin-left:1em;
	font-family:arial,verdana;
	font-size:7pt;
	line-height:12px;
	color:#000000;
}

.maintitre {
	margin-left:6px;
	margin-right:6px;
	font-family:arial,verdana;
	font-size:11pt;
	line-height:16px;
	color:#940054;
	font-weight:bold;
	}
	
.maintitreb {
	margin-left:6px;
	margin-right:6px;
	font-family:arial,verdana;
	font-size:10pt;
	line-height:16px;
	color:#ffffff;
	font-weight:bolder;
	}

.titrem {
	font-family:arial,verdana;
	font-size:10pt;
	line-height:20px;
	color:#800040;
	font-weight: bold;
}

.titremc {
	font-family:arial,verdana;
	font-size:9pt;
	line-height:20px;
	color:#940054;
	font-weight: bold;
	line-height:16px;
}

.titrem2 {
	font-family:arial,verdana;
	font-size:9pt;
	line-height:16px;
	color:#999933;
	font-weight: bold;
}

.liens {
	margin-left:6px;
	margin-right:6px;
	font-family:arial,verdana;
	font-size:8pt;
	line-height:10px;
	color:#999999;
	} 
	
	
.filet {
	background-image:url(images/point.gif);
	background-repeat:repeat-y;
	background-position:center top;
	clear:left;
}


.images td {
	background-image:url(images/noimage.gif);
	background-repeat:no-repeat;
	background-position:center;
	border: 1px dashed #F49111;
	padding:4px;
}

.images a {
	text-decoration: none;
}

.outils {
	margin-left:6px;
	margin-right:10px;
	font-family:arial,verdana;
	font-size:7pt;
	color:#000000;
	}

.outils a{
	color:#000;
}

.outils a:hover{
	color:#999999;
}

.outilsfnoir {
	font-family:arial,verdana;
	font-size:7pt;
	color:#ffffff;
	}

.outilsfnoir a{
	color:#ffffff;
}

.baspageaccueil {
	clear:left;
}



/* --------------------page actualités contributions--------------------*/

.bloc{
	border-bottom: dotted 1px #000;
	display:table;
}

.bloc img{
	float:left;
	margin:4 6 0 0;
	
}

.bloc p{
	font-family:arial,verdana;
	font-size:9pt;
	line-height:16px;
	color:#000000;
}

.bloc h3{
	font-family:arial,verdana;
	font-size:12pt;
	line-height:16px;
	color:#800040;
}

.bloc h3 a{
	text-decoration:underline;
	color:#800040;
}

.bloc h3 a:hover{
	text-decoration:underline;
	color:#FF0000;
}

.note{
	font-family:arial,verdana;
	font-size:7pt;
	color:#4F4F4F;
	display:block;
}



/*------------------- fiches jarry en images-----------------------*/

.backgroundfiche {
	background-color:#000;
}

.titrefiche {
	margin-left:6px;
	text-align:left;
	font-family:arial,verdana;
	font-size:9pt;
	line-height:12pt;
	color:#ffffff;
	font-weight: bold;
}

/*------------------photos interactives------------------------*/

.imgpopup a {
text-decoration:none;
}
.imgpopup a:hover {
background: none; /* correction d'un bug IE */
}
.imgpopup a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
.imgpopup a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 100px; /* positions et dimensions du calque */
left: 170px;
width: auto;
height: auto;
background: #ffffff;
text-align: center;
color: #838385;
}

/*----------------css bas de page --------------------------*/

.baspageaccueil {
	clear:left;
}
	

