/*-----------------------------------------------------------------------------\
| Feuille de style                                      dimanche 18 janvier 2009
|-------------------------------------------------------------------------------
| Styles CSS des pages page.php
|-------------------------------------------------------------------------------
|
|                                                              Benjamin COIFFARD
\-----------------------------------------------------------------------------*/



/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*\
|
|  Paramètres généraux
| 
\*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#principal h3 {
	float: left;
	margin-top: 20px;
	width: 640px;
	background-color: #fc9;
	font-weight: normal;
}
#principal img {
	float: left;
	border: none;
}
#principal hr {
	float: left;
	width: 640px;
}
/*#principal h4 {
	float: left;
	width: 640px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px #c30 solid;
	color: #c30;
}*/
#principal #auteur {
	float: left;
	width: 340px;
	font-size: 0.7em;
	font-style: italic;
	color: gray;
}
#principal #date {
	float: left;
	width: 640px;
	font-size: 0.7em;
	font-style: italic;
	color: gray;
	text-align: right;
}
#principal .pageBlanche{
	float: left;
	margin-top: 100px;
	width: 540px;
	color: gray;
	font-weight: bold;
	text-align: center;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*\
|
|  Paramètres des articles
| 
\*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#principal div.articleTexte {
	position: relative;
	float: left;
	margin-left: 5px;
	width: 640px;
	display: inline;
	text-align: justify;
	font-size: 0.9em;
}
#principal img.petitePhoto {
	float: right;
	width: 250px;
	margin: 10px;
}
#principal img.grandePhoto {
	float: left;
	width: auto;
}
#principal ul {
	margin-left: 20px;
}
#principal ul li {
	margin-top: 10px;
}
#principal ol {
	margin-left: 20px;
}
#principal ol li {
	margin-top: 10px;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*\
|
|  Paramètres des galeries
| 
\*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


#principal img.imgDiapo {
	width: 160px;
}

.galerieFlottante {
	float: left;
}
.photoFlottante {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px;
	border: 1px solid grey;
	text-align: center;
	vertical-align: middle;
}
.flottantDes {
	float: left;
	width: 640px;
	font-style: italic;
	color: gray;
	text-align: center;
}
.galerieFlottante .galerieZoomer {
	float: left;
	margin-left: 390px;
}
.galerieFlottante .galerieZoomer a {
	margin: 0;
	float: left;
	width: 24px;
	height: 28px;
	border: none;
	background: url(../image/general/zoomGalerie.png) no-repeat -30px 0;
}
.galerieFlottante .galerieZoomer a:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -30px -28px;
}
.galerieFlottante .galerieZoomer a.zoom2 {
	background: url(../image/general/zoomGalerie.png) no-repeat -54px 0;
}
.galerieFlottante .galerieZoomer a.zoom2:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -54px -28px;
}
.galerieFlottante .galerieZoomer a.zoom3 {
	background: url(../image/general/zoomGalerie.png) no-repeat -78px 0;
}
.galerieFlottante .galerieZoomer a.zoom3:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -78px -28px;
}
.galerieFlottante .galerieZoomer a.zoom4 {
	background: url(../image/general/zoomGalerie.png) no-repeat -102px 0;
}
.galerieFlottante .galerieZoomer a.zoom4:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -102px -28px;
}
.galerieFlottante .galerieZoomer a.zoom5 {
	background: url(../image/general/zoomGalerie.png) no-repeat -126px 0;
}
.galerieFlottante .galerieZoomer a.zoom5:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -126px -28px;
}
.galerieFlottante .galerieZoomer a.zoom6 {
	background: url(../image/general/zoomGalerie.png) no-repeat -150px 0;
}
.galerieFlottante .galerieZoomer a.zoom6:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -150px -28px;
}
.galerieFlottante .galerieZoomer a.zoom7 {
	background: url(../image/general/zoomGalerie.png) no-repeat -174px 0;
}
.galerieFlottante .galerieZoomer a.zoom7:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -174px -28px;
}
.galerieFlottante .galerieZoomer a.zoom8 {
	background: url(../image/general/zoomGalerie.png) no-repeat -198px 0;
}
.galerieFlottante .galerieZoomer a.zoom8:hover {
	background: url(../image/general/zoomGalerie.png) no-repeat -198px -28px;
}

.galerieFlottante .galerieZoomer span {
	margin: 0;
	float: left;
	width: 24px;
	height: 28px;
	border: none;
}
.galerieFlottante .galerieZoomer .loupe {
	width: 30px;
	background: url(../image/general/zoomGalerie.png) no-repeat 0 0;
}
.galerieFlottante .galerieZoomer .zoom1Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -30px -56px;
}
.galerieFlottante .galerieZoomer .zoom2Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -54px -56px;
}
.galerieFlottante .galerieZoomer .zoom3Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -78px -56px;
}
.galerieFlottante .galerieZoomer .zoom4Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -102px -56px;
}
.galerieFlottante .galerieZoomer .zoom5Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -126px -56px;
}
.galerieFlottante .galerieZoomer .zoom6Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -150px -56px;
}
.galerieFlottante .galerieZoomer .zoom7Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -174px -56px;
}
.galerieFlottante .galerieZoomer .zoom8Actif {
	background: url(../image/general/zoomGalerie.png) no-repeat -198px -56px;
}



.diaporama {
	float: left;
	margin-top: 10px;
	margin-left: 200px;
}
.diaporamaDes {
	float: left;
	width: 640px;
	font-style: italic;
	color: gray;
	text-align: center;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*\
|
|  Paramètres des évènements du calendrier
| 
\*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#principal .calendrierBlanc{
	float: left;
	margin-top: 100px;
	width: 540px;
	color: gray;
	font-weight: bold;
	text-align: center;
}

#principal a.calendrierEvenement{
	float: left;
	margin-top: 20px;
	width: 640px;
	background-color: #fc9;
	font-weight: normal;
	font-size: 1.17em;
	border-bottom: 1px solid black;
}
#principal a.calendrierEvenement:hover{
	color: #600;
}
#principal p.calendrierEvenementDetail{
	float: left;
	width: 540px;
	font-size: 0.8em;
	color: gray;
}
#principal h6.calendrierDate{
	position: relative;
	float: left;
	text-align: right;
	width: 640px;
}

/* Dates passées */
#principal p.calendrierEvenementPassee {
	float: left;
	margin-top: 5px;
	color: #333;
	background-color: #ccc;
	width: 640px;
}
#principal .calendrierNomPassee {
	float: left;
	width: 400px;
}
#principal .calendrierDatePassee {
	float: left;
	text-align: right;
	width: 240px;
	font-style: italic;
	font-size: 0.8em;
}
#principal p.calendrierPetiteMarge {
	margin-top: 20px;
}

#principal p.calendrierAgenda {
	position: relative;
	float: left;
	width: 640px;
	text-align: center;
	font-size: 1.5em;
	background-color: silver;
	margin: 20px 0 0 0;
}