@charset "UTF-8";

body {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: "Arial Narrow Bold";
  src: url("police/Arial_Narrow_Bold.eot"); /* IE9*/
  src: url("police/Arial_Narrow_Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("police/Arial_Narrow_Bold.woff") format("woff"), /* chrome、firefox */
  url("police/Arial_Narrow_Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("police/Arial_Narrow_Bold.svg#Arial Narrow Bold") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "Arial Narrow";
  src: url("police/Arial_Narrow.eot"); /* IE9*/
  src: url("police/Arial_Narrow.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("police/Arial_Narrow.woff") format("woff"), /* chrome、firefox */
  url("police/Arial_Narrow.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("police/Arial_Narrow.svg#Arial Narrow Bold") format("svg"); /* iOS 4.1- */
}

.jDiaporama_wrapper{
	position: relative;
	clear: both;
}

.jDiaporama_slider{
	position:relative;
	overflow: hidden;
}

.jDiaporama ul{
	overflow:hidden;
	position:absolute;
	left:0;
}

.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	float:left;
	position:relative;
	background-color: #FFF;
	left: 0px;
}

.jDiaporama li img{
	display:block;
	margin: 0;
	/* [disabled]margin-left: 0px; */
}
.jDiaporama .fade-tmp{
	position:absolute;
	z-index:1;
	text-align: inherit;
	background: #FFF
}

.jDiaporama .fade-tmp img{
	margin:0;
	display:block;
	/* [disabled]margin-left: 0px; */
}
.jDiaporama .desc{
	position:absolute;
	bottom: 0;
	left: 0;
	right:0;
	display:none;
	margin:0;
	font-size:10pt;
	font-family: "Arial Narrow";
	padding:5px;
	/* [disabled]background:url(img/back_desc.png) repeat; */
	width:inherit;
	padding-bottom:20px;
	text-align:left;
	letter-spacing: 0.1em;
}
.jDiaporama .count{
	/* [disabled]position:absolute; */
	top: 560px;
	/* [disabled]right: 760px; */
	display:block;
	margin:0;
	color:#000;
	font-size:10pt;
	font-family: "Arial Narrow";
	/* [disabled]padding:-30px; */
	padding-left: 0px;
	letter-spacing: 0.1em;
}

.jDiaporama_controls{
	display:block;
}

.jDiaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
	z-index:1;
}

.jDiaporama_controls .prev{
	background:url(img/controls2.png) no-repeat bottom;
	top:2%;
	margin-top:-16px;
	height:29px;
	width:14px;
	left: 0px;
	margin-left: -62px;
}

.jDiaporama_controls .next{
	background:url(img/controls2.png) no-repeat top;
	top:2%;
	margin-top:-16px;
	height:29px;
	width:14px;
	right: 0px;
	margin-right: 796px;
}

.jDiaporama_controls .pause{
	background:url(img/playpause.png) no-repeat top;
	width:16px;
	height:21px;
	left:0%;
	top:4%;
	margin-left: -40px;
	margin-top:-25px;
}

.jDiaporama_controls .play{
	background:url(img/playpause.png) no-repeat bottom;
	width:16px;
	height:21px;
	left:0%;
	top:4%;
	margin-left: -40px;
	margin-top:-25px;
}

/********** themes ***********/

/** DESIGN **/

.design .jDiaporama_slider{ -moz-box-shadow:0 0 0.7em #333; }
.design .jDiaporama_status .imgBack{ -moz-border-radius:0.5em; -moz-box-shadow:0 0 0.3em #444; -webkit-border-radius:0.5em; -webkit-box-shadow:0 0 0.3em #444; border-radius:0.5em; box-shadow:0 0 0.3em #444; border:1px solid #555; opacity:0.4; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.design .jDiaporama_status .imgBack:hover{ opacity:1;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in }
.design .jDiaporama_status .imgBack.active{ -moz-box-shadow:inset 0 0 0.5em #333; opacity:1 }

/** BORDER **/

.border .jDiaporama_slider{
	/* [disabled]border:10px solid #fff; */
}
.border .jDiaporama_status .imgBack{ border:2px solid #fff; opacity:0.5 }
.border .jDiaporama_status .imgBack:hover{ opacity:1 }
.border .jDiaporama_status .imgBack.active{ opacity:1; border:2px solid #333 }
.border .jDiaporama_controls .next{ right:10px; }
.border .jDiaporama_controls .prev{ left:10px; }

#barremenu {
	position: absolute;
	height: 81px;
	left: 350px;
	width: 800px;
	top: 64px;
	overflow: visible;
	z-index: 3;
}
#references {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000;
	left: 0px;
}
#texteaccueil {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
.texte {
	font-family: "Arial Narrow";
	font-size: 10pt;
	letter-spacing: 0.1em;
}
.texteprofil {
	font-family: "Arial Narrow";
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align:justify;
}
#description {
	font-family: "Arial Narrow";
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	left: 0px;
	top: 205px;
	width: 341px;
	height: 188px;
	letter-spacing: 0.1em;
	position: absolute;
	z-index: 4;
}
#liens {
	font-family: "Arial Narrow";
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	left: 0px;
	top: 415px;
	letter-spacing: 0.1em;
	position: absolute;
	width: 240px;
	height: 153px;
	z-index: 7;
}
#contenu {
	font-family: "Arial Narrow";
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	left: 355px;
	top: 170px;
	letter-spacing: 0.1em;
	width: 695px;
	text-align: justify;
	position: absolute;
	z-index: 9;
	height: 575px;
	visibility: visible;
}
#contenudebord {
	font-family: "Arial Narrow";
	font-size: 10pt;
	color: #000;
	letter-spacing: 0.1em;
	text-align: justify;
	height: 539px;
	width: 695px;
	padding-right: 20px;
	overflow: auto;
	position: absolute;
	z-index: 10;
	left: 355px;
	top: 205px;
}
#menuaccueil {
	position:absolute;
	left:0px;
	top:205px;
	width:305px;
	height:119px;
	z-index:4;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10pt;
	letter-spacing: 0.1em;
	visibility: visible;
}
.titreprojet {
	font-size: 9pt;
	letter-spacing: 0.1em;
	font-family: "Arial Narrow Bold";
}
#container #description table tr td strong {
	font-size: 11px;
	color: #900;
}
#presentation {
	font-family: "Arial Narrow Bold";
	font-size: 9pt;
	letter-spacing: 0.1em;
	position: absolute;
	z-index: 6;
	height: 27px;
	width: 226px;
	left: 0px;
	top: 170px;
	visibility: visible;
}
#legendes {
	font-family: "Arial Narrow";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	position: absolute;
	height: 78px;
	width: 290px;
	left: 0px;
	top: 415px;
}
#nadineturquaud {
	position: absolute;
	height: 55px;
	width: 165px;
	left: 0px;
	top: 61px;
}
#slideshow {
	font-family: "Arial Narrow";
	font-size: 10pt;
	font-style: normal;
	letter-spacing: 0.1em;
	position: absolute;
	z-index: 2;
	width: 796px;
	top: 170px;
	left: 354px;
}
#retour {
	position: absolute;
	height: 27px;
	width: 120px;
	left: 0px;
	top: 689px;
}
#menu {
	height: 21px;
	left: 350px;
	top: 62px;
	width: 800px;
	position: absolute;
	z-index: 8;
}
.titreecrits {
	font-size: 10pt;
	letter-spacing: 0.1em;
	font-family: "Arial Narrow Bold";
}
#ecrits {
	font-family: "Arial Narrow";
	font-size: 10pt;
	letter-spacing: 0.1em;
	text-align: justify;
	overflow: auto;
	position: absolute;
	height: 539px;
	width: 695px;
	left: 355px;
	top: 170px;
	padding-right: 20px;
	visibility: visible;
}
#onglets {
	font-family: "Arial Narrow";
	font-size: 10pt;
	letter-spacing: 0.1em;
	position: absolute;
	z-index: 9;
	height: 235px;
	width: 295px;
	left: 0px;
	top: 170px;
	visibility: visible;
}
#accueil {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 0.1em;
	position: absolute;
	z-index: 9;
	height: 175px;
	width: 280px;
	left: 0px;
	top: 170px;
	visibility: visible;
}
.titrerouge {
	font-size: 9pt;
	color: #900;
	font-family: "Arial Narrow Bold";
}
.titrehasard {
	font-size: 9pt;
	color: #000;
	font-family: "Arial Narrow Bold";
	letter-spacing: 0.1em;
}
.legendevignette {
	font-size: 11px;
	color: #000;
	font-family: "Arial Narrow";
	letter-spacing: 0.1em;
}
#projetprecedent {
	height: 24px;
	left: 5px;
	position: absolute;
	top: 687px;
	width: 24px;
}
#projetsuivant {
	height: 24px;
	width: 24px;
	top: 687px;
	left: 25px;
	position: absolute;
}