body {
	font-family : tahoma,verdana,sans-serif;
	font-size : 13px;
}

.clear {
	height : 1px;
	overflow : hidden;
	clear : both;
}


/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	padding : 15px 0px;
}

.contenu {
	line-height : 1.5em;
	color : #866c64;

	padding : 0px 60px;
	/*padding : 0px 20px;*/
}

.contenu a {
	color : #07c;
}

.contenu h1 {
	margin : 0;
	margin-bottom : 0.5em;

	font-family : georgia,serif;
	font-size : 24px;
	line-height : 1.25em;
	font-weight : normal;
}

.contenu h2 {
	margin : 0;
	margin-top : 1.25em;
	margin-bottom : 0.5em;

	font-family : georgia,serif;
	font-size : 18px;
	line-height : 1.25em;
	font-weight : normal;
}

#suggesions-lectures h2 {
	margin : 0;
	margin-top : 1.25em;
	margin-bottom : 0.5em;

	font-family : georgia,serif;
	line-height : 1.25em;
	font-weight : normal;
	padding-left: 60px;
	font-size : 18px;
}

#suggesions-lectures h3 {
	margin : 0;
	margin-top : 1.25em;
	margin-bottom : 0.5em;

	font-family : georgia,serif;
	line-height : 1.25em;
	font-weight : normal;
	padding-left: 60px;
	font-size : 16px;
}

#portfolio-realisations h2 {
	margin : 0;
	margin-top : 3.25em;
	margin-bottom : 0.5em;
	padding-left: 60px;
	
	font-family : georgia,serif;
	font-size : 18px;
	line-height : 1.25em;
	font-weight : normal;
	color : #866c64;
}

#portfolio-realisations h2.premier {
	margin-top: 1.25em;
}

#contenu h3 {
	margin : 0;
	margin-top : 1.5em;
	margin-bottom : 1em;

	font-size : 13px;
	line-height : 15px;
	font-weight : bold;
}

.contenu h2.premier {
	margin-top : 0;
}


/*--------------------------------------------------------------------
/* FIL
/**/

#fil {
	font-size : 0.85em;
	color : #a0987f;

	margin-bottom : 0.25em;
}

#fil a {
	color : #a0987f;
	text-decoration : none;
}

#fil a:hover {
	text-decoration : underline;
}


/*--------------------------------------------------------------------
/* RÉALISATION
/**/

.uneRealisation {
	color : #887766;

	line-height : 1.5em;

	padding-top : 20px;
	padding-bottom : 20px;

	position : relative;

	min-height : 100px;
}

* html .uneRealisation {
	height : 100px;
}

.sansMiniature { min-height : 50px; }
* html .sansMiniature { height : 50px; }

.uneRealisation.pair {
	border-top : 1px solid #ecebd6;
}

.uneRealisation.impair {
	background-image : url(../images/realisation-fond.gif);
	background-repeat : repeat-x;
}

.uneRealisation .titre {
	font-weight : bold;
}

.uneRealisation h2.titre {
	margin : 0;
	margin-bottom : 0.25em;

	font-family : georgia,serif;
	font-size : 18px;
	line-height : 1.25em;
	font-weight : normal;
}

.uneRealisation .titre a {
	color : #887766;
}

.uneRealisation .titre a:hover {
	color : #333;
}

.uneRealisation .annee {
	font-weight : normal;
}

.uneRealisation .sousTitre {
	font-size : 11px;
	line-height : 14px;
}

.uneRealisation .description {
	margin-top : 0.25em;
	margin-bottom : 0.25em;
}

.uneRealisation .url {
	font-size : 11px;
	line-height : 14px;

	/*text-align : right;*/
}

.uneRealisation .url a {
	text-decoration : none;

	color : #07c;

	background : url(../images/lien-plus.gif) no-repeat 100% 0.4em;
	padding-right : 10px;
}

.uneRealisation .url a:hover {
	text-decoration : underline;
}

.uneRealisation .titre,
.uneRealisation .sousTitre,
.uneRealisation .description,
.uneRealisation .url {
	padding-left : 185px;
	padding-right : 50px;
}

.sansMiniature .titre,
.sansMiniature .description,
.sansMiniature .url {
	padding-left :  60px;
}

.uneRealisation .description a {
	color : #07c;
}


.uneRealisation .miniature {
	position : absolute;

	width : 150px;
	height : 100px;

	background-image : url(../images/realisation-miniature-fond.png);
	padding-left : 11px;
	padding-bottom : 12px;

	top : 20px;
	left : 8px;
}

* html .uneRealisation .miniature {
	background-image : none;
}

.uneRealisation .miniature a img {
	border : 0;
}


.uneRealisation .hautDePage {
	font-size : 11px;
	line-height : 14px;

	text-align : right;

	padding-right : 50px;
}

.uneRealisation .hautDePage a {
	white-space : nowrap;
	color : #07c;

	background : url(../images/lien-haut.gif) no-repeat 100% 0.4em;
	padding-right : 13px;
}

.uneRealisation .hautDePage a:hover {
	text-decoration : underline;
}

.uneRealisation .auteur {
	text-align: right;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 5px;
}


/*--------------------------------------------------------------------
/* DÉTAILS RÉALISATION
/**/

#detailsRealisation {
	width : 100%;
}

#detailsRealisation td,
#detailsRealisation th {
	vertical-align : top;
	text-align : left;
	
	padding : 5px 10px;
}

#detailsRealisation th {
	width : 150px;
	font-weight : bold;
}

#detailsRealisation td {
	
}

#detailsRealisation tr.impair td,
#detailsRealisation tr.impair th {
	background-color : #f3f1e3;
}

#detailsRealisation tr.pair td,
#detailsRealisation tr.pair th {
	background-color : #edebd8;
}

#realisation_miniatures {
	margin-bottom : 1em;
}


/*--------------------------------------------------------------------
/* NAVIGATION
/**/

.navigation {
	padding: 5px 8px;
	/*background-color: #f7f7f7;*/
	background-image : url(../images/realisation-fond.gif);
	background-repeat : repeat-x;
	margin-top: 2.5em;
	/*width: 520px;*/

	text-align : center;
}

.navigation a {
	display : inline-block;
	padding : 3px 6px;
	
	min-width : 15px;
	text-align : center;

	color : #AE1A1F;
	text-decoration : none;
}

.navigation a:hover {
	background-color : #AE1A1F;
	color : #fff;
}

.navigation .pageCourante {
	display : inline-block;

	padding : 3px 6px;
	background-color : #ccc;
	font-weight : bold;
}

.navigation .inactif {
	display : inline-block;

	padding : 3px 6px;
}

/*--------------------------------------------------------------------
/* PLAN DU SITE
/**/

.typePage_5 #contenu ul {
	margin : 0;
	margin-left : 3em;
	margin-top : 1em;

	padding : 0;

	font-weight : bold;

	list-style-type : square;
}

.typePage_5 #contenu ul li {
	margin-bottom : 1em;
	padding : 0;
	background-image : none;
}

.typePage_5 #contenu ul ul {
	margin : 0;
	margin-left : 3em;
	padding : 0;

	font-weight : normal;

	list-style-type : circle;
}

.typePage_5 #contenu ul ul li {
	margin-bottom : 0em;
}

.typePage_5 #contenu ul ul ul {
	margin : 0;
	margin-left : 3em;
	padding : 0;

	font-size : 90%;
	line-height : 150%;

	list-style-type : disc;
}