/************* STYLES PYDUC.COM V.2008 ************
***************************************************/

a {color:#366;text-decoration:none;}
	a:hover {color:#699;}

body {background-color:#366;font-family:Arial, Helvetica, sans-serif;font-size:80%;color:#000;}

img {border:0;}

h1, h2, h3 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#366;margin:0;}
h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:110%;}

p {margin:0;}

.clear {clear:both;}

.note {font-style:italic;font-size:80%}

/*============ contenu général de la page =============*/

#container {position:absolute;top:0;left:0;margin:0;width:100%;}

#content {position:relative;background-color:#fff;top:10px;width:780px;margin:0 auto 0 auto;padding:10px;}

/*===================== en-tete =======================*/

#header {position:absolute;top:10px;left:-13px;width:808px;}

#headerNav {position:absolute;top:0;right:0;z-index:1;font-size:90%;}
	#headerNav ul {margin:0;padding:0;list-style:none;}
	#headerNav li {display:inline;border-left:1px #699 solid;padding:0 5px 0 5px;}	
	#headerNav li.first {border-left:none;}

/*================== colonne de gauche ================*/

#left {position:relative;float:left;top:90px;margin-bottom:90px;width:170px;}

#leftNav {position:relative;}
	#leftNav a {color:#999;}
		#leftNav a:hover {color:#366;}
	#leftNav ul {margin:0;padding:0;list-style:none;}
	#leftNav li {color:#999;font-size:120%;font-weight:bold;padding-top:10px;}
	#leftNav li.nav2 {color:#999;font-size:100%;padding:0 0 0 11px;}

/*================== contenu principal ================*/

#main {position:relative;float:right;top:40px;width:600px;margin-bottom:57px;}

/************ Home page ***************/

/*----- colonne de gauche -----*/

#extraGauche {position:relative;margin-top:10px;}

/*----- contenu principal -----*/

#homePhoto {position:relative;margin:16px 0 10px 0;width:600px;height:250px;}

#news {position:relative;float:left;width:388px;height:100%;}
#newsHistory {position:relative;float:left;width:600px;height:100%;}
	#newsHistory h2 {margin:30px 0 10px 0; padding-bottom:3px; border-bottom:1px #dee solid; font-family:Arial, Helvetica, sans-serif;}
	#chronology {float:left; width:600px; margin:10px 0 30px 0;}
		#chronology ul {height:16px; margin:0; padding:0; border-left:1px #366 solid;}
		#chronology li {list-style-type:none; float:left; margin:0; padding:0 5px; border-right:1px #366 solid; font-weight:bold; white-space:nowrap;}

#newsTitle {position:relative;margin-bottom:20px;}

.newsItem {margin-top:10px;}

.newsDate {color:#999;font-size:110%;font-weight:bold;}

.newsText {text-align:justify;}

/*----- colonne de droite ----*/

#extraDroite {position:relative;float:right;width:202px;}

/*----- blocs supplementaires -*/

.extra1 {position:relative;background-color:#699;border:1px #366 solid;margin-bottom:10px;color:#fff;text-align:center;}
	.extra1 a {color:#fff;text-decoration:underline;}
	.extra1 h2 {color:#fff;}
	.extra1Title {background-color:#366;padding:0 10px 2px 10px;text-align:left;}
	.extra1Content {padding:10px;}

object#flashplayer {margin-left:-10px;}

.extra2 {position:relative;background-color:#ccc;border:1px #666 solid;margin-bottom:10px;padding:10px;color:#000;text-align:center;}
	.extra2Content {position:relative;margin:0 auto 0 auto;}

.extra3 {position:relative;text-align:center;margin-bottom:10px;border:1px #ccc solid;}
	.extra3Title {background-color:#ebebeb;padding-top:4px;text-align:center;}
		.extra3Title h2 {font-family:Arial, Helvetica, sans-serif;}


/************** Pages de photo **************/

#photo {position:relative;float:right;margin-bottom:10px;}

#navigation {position:relative;float:right;width:400px;color:#999;font-weight:bold;text-align:right;}
	#navigation a {color:#999;}
		#navigation a:hover {color:#366;}

#path {position:relative;color:#999;font-size:140%;font-weight:bold;text-align:right;}
	#path a {color:#999;}
		#path a:hover {color:#366;}

#goLeft {position:relative;width:150px;float:left;z-index:10;font-size:140%;}

#goRight {position:relative;width:50px;float:left;font-size:140%;}

#image {position:relative;float:right;}
	#image img {border:1px #000 solid;}

#legendTitle {position:relative;float:right;width:400px;color:#999;}

#legend {position:relative;float:right;width:400px;margin-top:5px;text-align:right;}

/********** collection de photos **********/

#collectionList {position:relative;margin-top:20px;}

#collection {position:relative;margin:0 auto 10px auto;}
	#collection a.link {color:#366;text-decoration:none;}
		#collection a.link:hover {color:#699;text-decoration:underline;}

/*----- miniatures 100 ----------*/

.leftItem img, .rightItem img {border:1px #000 solid;}

.leftItem {position:relative;float:left;width:295px;margin:0 10px 10px 0;}
	.leftItem img {float:right;}
	.leftItem .legendItem {float:left;text-align:right;}

.rightItem {position:relative;float:right;width:295px;margin:0 0 10px 0;}
	.rightItem .legendItem {float:right;text-align:left;}
	.rightItem img {float:left;}

.legendItem {width:185px;}

.dateItem {color:#999;}

.textItem a {color:#000;}
	.textItem a:hover {color:#366;}

/*------ images plus grandes ----*/

.bigItem {position:relative;float:left;width:100%;margin:0 0 10px 0;}
	.bigItem img {float:left;border:1px #ccc solid;}
	.bigItem .legendItem {position:relative;float:left;text-align:left;width:388px;margin-left:10px;}

/*==================== pied de page ===================*/

#footer {position:relative;height:10px;background-color:#366;}