body
	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	margin:				0px;
	padding:			0px;
	background-color:	rgb(0%, 0%, 0%);
		}
.fond
	{
	z-index:			0;
	position:			absolute;
	top:				0px;
	right:				0px;
	width:				550px;
	height:				500px;
	margin:				0px;
	padding:			0px;
	background-color:	rgb(0%, 0%, 0%);
	background-image:	url(../images/projecteur.jpg);
	background-repeat:	no-repeat;
	background-position:right top;
	}
a
	{
	text-decoration:	none;
	color:				inherit;
	}
/* IMAGES */
img		{border:		none;}
.imagegauche
	{
	float:				left;
	margin:				10px 20px 10px 0px;
	}
.imagedroite, .imagedroitesous
	{
	float:				right;
	margin:				10px 0px 10px 20px;
	}
.imagedroitesous
	{clear:				right;}
.largemax
	{margin:			20px 0px 0px;}
.variable	{width:		80%;}
.centre
	{
	margin:				40px 0px;
	text-align:			center;
	text-indent:		0px;
	}

/* MENU */
.rubriques, #sousrubriques
	{
	position:			absolute;
	border:				1px solid rgb(50%, 50%, 50%);
	background-color:	rgb(15%, 34%, 51%);
	background-image:	url(../images/deg-court-b.jpg);
	background-repeat:	repeat-y;
	background-position:left;
	}
.rubriques
	{
	z-index:			2;
	top:				12px;
	left:				12px;
	width:				120px;
	}
#sousrubriques
	{
	z-index:			4;
	position:			absolute;
	left:				116px;
	width:				200px;
	display:			none;
	background-image:	url(../images/degrade.jpg);
	}
.entree, .selection, .selectioninac
	{
	display:			block;
	padding:			0px 4px 0px 8px;
	color:				rgb(90%, 94%, 100%);
	}
.selection, .selectioninac
	{
	background-image:	url(../images/degrade.jpg);
	background-repeat:	repeat-y;
	background-position:left;
	cursor:				pointer;
	text-align:			right;
	padding-right:		4px;
	padding-left:		0px;
	}
.selectioninac	{cursor:auto;}
.entree:hover, .selection:hover
	{
	color:				rgb(100%, 100%, 100%);
	background-color:	rgb(56%, 0%, 0%);
	background-image:	url(../images/deg-court-r.jpg);
	background-repeat:	repeat-y;
	background-position:right;
	}
.sepligne
	{
	border-bottom:		rgb(50%, 50%, 50%) solid 1px;
	margin:				0px 0px 0px 0px;
	line-height:		1px;
	font-size:			1px;
	height:				1px;
	width:				100%;
	}

/* PARAGRAPHES */
h1
	{
	font-family:		helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	font-size:			28px;
	line-height:		34px;
	font-weight:		bold;
	letter-spacing:		3px;
	margin:				0px;
	text-align:			right;
	color:				rgb(100%, 100%, 100%);
	}
.annonce
	{
	position:			absolute;
	z-index:			2;
	top:				10px;
	right:				50px;
	margin-left:		140px;
	width:				auto;
	}

.soush1, .surh1
	{
	color:				rgb(100%, 100%, 100%);
	font-size:			14px;
	line-height:		24px;
	font-weight:		bold;
	letter-spacing:		3px;
	margin:				0px;
	text-align:			right;
	}
.surh1	{margin-top:	40px;}
h2
	{
	font-family:		helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	font-size:			16px;
	font-style:			italic;
	line-height:		18px;
	font-weight:		bold;
	letter-spacing:		2px;
	margin:				10px 34px 14px 0px;
	text-align:			right;
	color:				rgb(56%, 0%, 0%);
	}
h3
	{
	color:				rgb(15%, 34%, 51%);
	font-size:			18px;
	line-height:		28px;
	font-weight:		bold;
	letter-spacing:		1px;
	margin:				40px 20px 0px;
	text-align:			left;
	}
h4
	{
	color:				rgb(56%, 0%, 0%);
	font-size:			13px;
	font-weight:		bold;
	margin:				12px 20px 0px 42px;
	letter-spacing:		1px;
	}
h5
	{
	font-size:			14px;
	font-weight:		normal;
	letter-spacing:		0px;
	margin:				0px;
	}
h6
	{
	text-align:			left;
	margin:				0px;
	font-size:			11px;
	line-height:		18px;
	letter-spacing:		1px;
	font-weight:		bold;
	}
p
	{
	color:				rgb(0%, 0%, 0%);
	font-size:			16px;
	line-height:		18px;
	margin:				8px 50px 4px;
	text-indent:		16px;
	text-align:			justify;
	}
.dial, .vers
	{
	font-size:			18px;
	line-height:		20px;
	margin:				0px 60px 0px 60px;
	text-indent:		0px;
	}
.strophe
	{
	font-size:			20px;
	line-height:		23px;
	margin:				0px 0px 0px 60px;
	text-indent:		0px;
	}
.strophe	{margin-top:14px}
.legende
	{
	text-indent:		0px;
	text-align:			center;
	margin:				2px 10px 4px 10px;
	background-color:	rgb(92%, 92%, 90%);
	}
.accroche
	{
	font-size:			11px;
	line-height:		14px;
	margin:				30px 50px 0px 50px;
	text-indent:		0px;
	color:				rgb(0%, 0%, 0%);
	font-style:			normal;
	font-weight:		bold;
	}
	.boitetexteold
	{
	margin:				0px 180px 0px 30px;
	padding:			16px 0px;
	background-color:	rgb(91%, 92%, 90%);
	border-top:			1px solid rgb(55%, 74%, 100%);
	border-left:		1px solid rgb(55%, 74%, 100%);
	border-bottom:		2px solid rgb(15%, 34%, 51%);
	border-right:		2px solid rgb(15%, 34%, 51%);
	}
.boitetexte
	{
	margin:				0px 180px 0px 30px;
	padding:			16px 0px;
	background-color:	orange;
	
	}
	
.centered {margin-left:20%;}	

.contenu
	{
	position:			absolute;
	z-index:			1;
	top:				0px;
	left:				0px;
	margin:				0px;
	padding:			0px;
	}
.ppage
	{
	margin:				60px 150px 0px 0px;
	padding:			4px 0px;
	}
.copyright
	{
	color:				rgb(25%, 54%, 71%);
	text-align:			left;
	text-indent:		0px;
	margin:				0px 0px 0px 10px;
	font-size:			10px;
	font-weight:		bold;
	font-family:		helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	line-height:		14px;
	}
.ligne, .lignelarge
	{
	padding:			0px;
	line-height:		1px;
	height:				2px;
	background-color:	transparent;
	font-size:			2px;
	border:				none;
	border-top:			1px rgb(15%, 34%, 51%) solid;
	border-bottom:		1px rgb(15%, 34%, 51%) solid;
	margin:				0px 0px 0px 0px;
	}
.lignelarge	{margin-top:40px;}

.moteurs
	{
	margin:				4px 160px 10px 10px;
	padding:			0px;
	background-color:	rgb(14%, 28%, 38%);
	border:				1px solid rgb(15%, 34%, 51%);
	text-align:			center;
	}

.enum
	{
	margin:				12px 80px 12px 100px;
	line-height:		13px;
	text-indent:		-16px;
	}
.enum1
	{
	text-indent:		0px;
	line-height:		16px;
	}

.large 	{margin-top:	30px;}
.serre 	{margin-top:	0px;}


/* INLINE */
.gras
	{
	font-weight:		bold;
	color:				rgb(20%, 0%, 0%);
	}
.italique
	{
	font-style:			italic;
	font-weight:		normal;
	}

.bleu
	{
	color:				rgb(15%, 34%, 51%);
	font-weight:		bold;
	}
.rouge	{color:			rgb(56%, 0%, 0%);}
.noir	{color:			rgb(0%, 0%, 0%);}
.blanc	{color:			rgb(100%, 100%, 100%);}
.petit 	{font-size:		70%;}
.email	{color:			rgb(15%, 34%, 51%);}
.email:hover	{text-decoration:	underline;}
.aligne
	{
	text-indent:		0px;;
	}
/* BLOCS */
.boite
	{
	position:			absolute;
	margin:				0px;
	padding:			0px;
	line-height:		1px;
	border-width:		2px;
	background-color:	rgb(92%, 92%, 90%);
	}
.adr
	{
	position:			absolute;
	width:				280px;
	height:				160px;
	padding:			0px;
	background-color:	rgb(92%, 92%, 90%);
	background-repeat:	no-repeat;
	background-position:186px 0px;
	}

.bloc
	{
	margin:				0px;
	padding:			0px;
	}
.titre, .titrelarge, .titretreslarge
	{
	font-size:			13px;
	font-weight:		bold;
	margin:				10px 20px 0px 10px;
	}
.titrelarge
	{margin-top:		30px;}
.titretreslarge
	{margin-top:		50px;}

.grandtitre, .grandtitrecentre, .grandtitrejournal
	{
	font-family:		helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	font-size:			32px;
	line-height:		36px;
	font-style:			italic;
	font-weight:		bold;
	text-align:			right;
	margin:				10px 40px 0px 40px;
	text-indent:		0px;
	color:				rgb(40%, 40%, 40%);
	letter-spacing:		1px;
	word-spacing:		0.2em;
	}
.grandtitrejournal
	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-style:			normal;
	font-size:			22px;
	line-height:		28px;
	color:				rgb(0%, 0%, 0%);
	margin-right:		50px;
	}
.grandtitrecentre
	{text-align:		center;}
.soustitrejournal
	{
	text-indent:		0px;
	font-style:			italic;
	font-size:			14px;
	font-weight:		bold;
	margin:				8px 50px 20px 50px;
	}
.intertitrejournal
	{
	text-indent:		0px;
	font-style:			normal;
	font-size:			12px;
	font-weight:		bold;
	margin:				12px 40px 0px 50px;
	text-indent:		0px;
	}

.moyentitre
	{
	font-family:		helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	font-size:			20px;
	font-weight:		bold;
	letter-spacing:		2px;
	text-align:			left;
	margin:				20px 40px 10px 40px;
	text-indent:		0px;
	color:				rgb(30%, 30%, 30%);
	}
.petittitre, .petittitrelarge
	{
	font-size:			12px;
	color:				rgb(56%, 0%, 0%);
	font-weight:		bold;
	text-align:			left;
	margin:				16px 40px 4px 76px;
	text-indent:		0px;
	}
.petittitrelarge
	{margin-top:		40px;
	text-indent:		0px;
	}
.auteur, .auteurjournal
	{
	text-align:			right;
	margin-right:		40px;
	}
.auteurjournal
	{margin-right:		52px;}
.photojournal
	{
	font-size:			10px;
	font-weight:		normal;
	}

	
.imageg, .imaged
	{
	z-index:				3;
	}
.imageg
	{
	float:					left;
	margin:					10px 20px 10px 0px;
	}
.imaged
	{
	float:					right;
	margin:					10px 0px 0px 20px;
	}
.legendephotog, .legendephotod
	{
	font-size:			11px;
	line-height:		13px;
	color:				rgb(0%, 0%, 0%);
	font-weight:		bold;
	text-align:			justify;
	margin:				0px 8px;
	text-indent:		0px;
	}
.legendephotog
	{
	margin:				0px 0px 10px 8px;
	}
.legendephotod
	{
	margin:				0px 8px 10px 0px;
	}



.soustitre, .soustitrelarge
	{
	font-size:			11px;
	line-height:		12px;
	margin:				6px 0px 0px 24px;
	}
.soustitrelarge
	{margin-top:		12px;}

.renvoi
	{
	font-size:			10px;
	font-weight:		normal;
	font-family:		helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	text-align:			right;
	color:				rgb(56%, 0%, 0%);
	margin:				40px 20px 12px 0px;
	clear:				right;
	}

#im1, #im2, #im3, #im4
	{
	position:			absolute;
	border-top:			1px solid rgb(55%, 74%, 100%);
	border-left:		1px solid rgb(55%, 74%, 100%);
	border-bottom:		2px solid rgb(15%, 34%, 51%);
	border-right:		2px solid rgb(15%, 34%, 51%);
	}
	
	
.float {float:left; margin: 10px;}
.floatright {float:right; margin: 10px;}
.clear {clear: both;}