/* STYLES de contenu */
h1, h2, h3, h4, h5   { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color: #5e5788; }
h1  {  font-size: 16px; font-style: normal; font-weight: normal; margin-top: 1em; margin-bottom: 1em; margin-left: 24px }
h2    {  font-size: 15px; color: #8580ab; font-style: oblique; font-weight: bold; text-indent: 16px; padding-top: 1em; margin-bottom: 1em; border-bottom: 1px dotted #a5b7c8 }
h3     { color: #4839a9; font-size: 13px; padding-top: 1em; padding-bottom: 0.2em }
h4   {  font-size: 12px; font-style: oblique; font-weight: normal; text-indent: 16px; padding-top: 1em; margin-bottom: 0.75em; border-bottom: 1px dotted #a5b7c8 }
h5     { font-size: 12px; font-family: Verdana, Geneva, Helvetica, sans-serif; color: #4839a9; font-weight: bold; text-indent: 16px; padding-top: 1em; padding-bottom: 0.4em; border-bottom: 1px dotted #a5b7c8 }
h6     { font-size: 10px; font-family: Verdana, Geneva, Helvetica, sans-serif;  font-weight: bold; padding-top: 0.4em; padding-bottom: 1em }
blockquote   { font-size: 12px; padding: 4px;  border: dotted 1px #855031; width: 78%; margin: 1em auto 1em auto; }
p    { line-height: 1.2em; text-align: justify; margin-top: 0px; margin-bottom: 0.8em }
img  { padding: 0px; border: 0px }
a    { color: #4839a9; text-decoration: underline }
a:hover    { color: #8e471e; text-decoration: none }
a:visited   { color: #4839a9; text-decoration: underline }
a:visited:hover { color: #8e471e; text-decoration: none }
a:active   { color: #736e93; text-decoration: underline }
strong, b    { font-size: 120%; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, sans-serif; color: #6b61a9; font-style: normal; font-weight: bold;  }
em	       { font-family:  Geneva, Helvetica, Arial, Swiss; color: #8580ab; font-style: normal; font-weight: bold;  }
cite   { font-size: 120%; font-family: "Times New Roman", Georgia, Times; color: #6b61a9; font-style: oblique;  }
samp { font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, Swiss; font-style: oblique;  }
dfn { font-family: "Times New Roman", Georgia, Times }

ol li, ul li  { text-align: justify; margin-bottom: 0.8em }
ul li  { font-size: 100%; list-style-type: square; list-style-position: inside; display: list-item; margin-left: 2em; }
.list1 { list-style-image: url(../img/puc1brun.gif) }
.list2 { list-style-image: url(../img/puc2brun.gif) }
ol li { text-indent: 0px; list-style-position: inside }

/*  class POSITIONS d'ELEMENTS */
.forcebloc { display: block; }
.forceligne { display: run-in; }
.ahem { display: none }
.gclear { font-size: 0; line-height: 0; clear: both; }
.photog    { float: left; margin: 0.25em 0.75em 2px 0 }
.photogacc  { float: left; margin: 0px 10px 0px 0px }
.photod   { float: right; margin: 0.25em 0 0.25em 0.75em }
.suite  { text-align: right; padding: 20px }
.espacebasdepage { margin: 30px; padding: 30px }

/* class  FORMATAGES TEXTES et ELEMENTS  */
.standard {  font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #736e93; }
.ptilien        { color: #8580ab; text-decoration: underline }
.lienmail  { color: #5e5788; text-decoration: underline } /* utilisˇ dans l'adresse mail cryptˇe  */
.lien1 { color: #5e5788; text-decoration: underline }
.ptilien:hover       { color: #4839a9; text-decoration: none }
.lien1:hover   { color: #4839a9; text-decoration: none }
.leger { font-weight: lighter }
.Lettrine   { color: #6b61a9; font-weight: normal; font-size: 18px }
.chapo    { font-weight: bold }
.brun { color: #855031 }
.encadre  { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 2em; padding: 5px; border: dotted 1px #868399; width: 80%; }
.cadreliens    { font-size: 10px; margin: 12px 60px; padding: 8px 12px; border: dotted 1px #855031 }
.telecharger  { color: #00008b; font-size: 11px }
.hpadding { padding: 0px 6px }
.leger { font-weight: lighter }
.date { padding: 0 0.25em 0 0.25em; }

/*LAYERS */
#blocedito { float: right; width: 100%; padding: 0.50em; }
#edito   { float: left; display: inline; font-size: 12px; font-family: "Trebuchet MS", "Lucida Grande", Lucida, Arial;  width: 68%;  }
#encadre   { float: right; width: 30%; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, Swiss; color: #4839a9; border: solid 1px #a5b7c8; background-color: #e8f1fd; padding: 0.25em; }
#portrait    { float: right; width: 30%; font-size: 10px; margin-top: 0.25em; border: solid 1px #a5b7c8; background-color: #e8f1fd; padding: 0.25em;  }

#blocactu   { display: block; clear: both; width: 100%; font-size: 11px; padding: 0.25em; margin-top: 0.50em; border: solid 1px #a5b7c8; background-color: #e8f1fd; }

#blocparten  { float: right; width: 648px; padding: 0; font-size: 10px; margin: 2.5em auto 2em auto; }
.parten { float: left; width: 208px; display: inline; }
.parten p { width: 150px; }
.parten img { display: block; }

#tbleform   { border: 0px }
#tbleform td { margin: 3px; padding: 3px; border: 0px }

/* CONTENANTS SUPERIEURS */

* {
	margin: 0;
	padding: 0;
}

html {
		height: 100%;
	}

body {
	color: #736e93;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e1e9f5 url(../img/fd_bando_gauche.gif) repeat-y;
	height: 100%;
	}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden {
	position: absolute;
	left: -10000px;
}


/* HEADER */
#header {
	height: 115px;
	margin: 0 auto auto 0;
	background-color: #fefefe;
}

#header .img1 { position: absolute; left: 0; padding: 0; }
#header .img2 {  margin: 36px auto auto 560px; }

/* CONTENT */
#content {
	padding-bottom: 100px;
}

#contentMain {
	display: inline;
	clear: both; 
	float: left;
	margin: 58px auto auto 228px;
	padding: 0;
	width: 652px;
}

#nonFooter {
		position: relative;
		min-height: 100%;
	}

* html #nonFooter {
		height: 100%;
	}

#page {
	background: url(../img/identpied.gif) no-repeat scroll left bottom;
/*	width: 760px;*/
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}

* html #page {
	height: 100%;
}

/* SUBCONTENT */

#contentSub    { background-color: #fbfbfb; float: right; margin: 20px 15px 15px 10px; padding: 4px; border: dashed 1px #a5b7c8; width: 220px; display: inline; }

/* FOOTER */

#footer
{
	position: relative;
	padding-bottom: 1.5em;
	font-size: 85%;
	color: #8580AB;
	text-align: center;
	line-height: 1.5em;
	width: 720px;
	margin: -7.5em auto 0 240px;
}

#footer a, a:visited { color: #8580AB; }

#footer p
{
	text-align: center; 
}

#bottomLinks
{
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-top: 1.5em;

}

#bottomLinks li
{
	display: inline;
	border-left: 1px solid #527597;
	padding-right: 1em;
	padding-left: 1em;
}

#bottomLinks li.first
{
	border-left: 0 none transparent;
}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer {
		margin-top: -7.4em;
	}