/* CSS Document */

body {
	background: #999999 none;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 0.75em;
	color: #000;
}


/* principaux blocs du layout */
#page {
	background: #999999 url(img/bg-page.jpg) repeat-y top left scroll;
	color: #3E785F;
	width: 831px; /* original 838*/
	margin: 0 auto;
}

#header {
	background: transparent url(img/bg-header.jpg) no-repeat bottom left scroll;
	width: 828px;
	min-height: 25px;	/* cf. main-ie.css*/
	margin: 0;
	padding: 92px 10px 0 0;
	border-bottom: 1px solid #999999;	/* cf. main-ie.css*/
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */
}

#main {
	background: transparent url(img/bg-main.jpg) no-repeat top left scroll;
	width: 838px;
	margin: 0;
	clear: both;
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */
	overflow: auto;
	position: relative;
}

#footer {
	background: transparent url(img/bg-footer.jpg) no-repeat top left scroll;
	width: 838px;
	min-height: 15px;	/* cf. main-ie.css */
	margin: 0;
	padding: 3px 0 0 0;
	clear: both;
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */
}

#after-footer {
	background: transparent url(img/bg-footer-after.jpg) no-repeat top left scroll;
	width: 838px;
	height: 4px;
	margin: 0;
	padding: 3px 0 0 0;
	clear: both;
}


/* éléments du bloc header */

#logo-print {
	display: none;
}

#logo-home {
	float: left;
	margin: 0 22px 0 5px;
	padding-bottom: 4px;
	border: none;
}

a.noborder, a.noborder img {
	border: none;
}

#navigation, #langues {		/* cf. main-ie.css */
	float: left;
	list-style: none;
	padding: 0;
	margin: 16px 20px 0 0;
	color: #979797;
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */
}
#navigation {
	word-spacing: 0.3em;
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */
}
#navigation li, #langues li {
	margin: 0;
	padding: 0;
	display: inline;
}
#navigation a, #langues a {
	color: #979797;
	text-decoration: none;
}
#navigation a:hover, #langues a:hover {text-decoration: underline; }
#navigation a:focus, #langues a:focus {color: #fff; }
#navigation .current, #langues .current {color: #fff; }

#recherche {		/* cf. main-ie.css */
	padding: 0;
	margin: 16px 0 0 0;		/* cf. main-ie.css */
	color: #979797;
	font-size: 0.95em;
}
#recherche a {		/* cf. main-ie.css */
	padding: 0;
	margin: 16px 0 0 0;		/* cf. main-ie.css */
	color: #979797;
	font-size: 0.95em;
}
#recherche input {
	width: 75px;
	padding: 1px;
	margin: 0 1px;
	font-size: 0.95em;
	border: 1px solid #000;
	background-color: #dcdcdc;
	color: #000;
}
#recherche label {
	padding: 0;
	margin: 0;
}

/* éléments du bloc #main */

#title {
	color: #999999;
	margin: 0 30px;
	padding: 8px 0;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 1.2em;
	height: 18px;
	overflow: hidden;
}

#title a {color: #999999;}

#img-right {
	float: right;
	margin: 1px 8px 30px 35px;
}

#img-left {
	float: left;
	margin: 2px 22px 30px 5px; /*margin: 2px 22px 0 0;*/
}

#text {
	margin: 0 0 1em 210px;
	padding: 0;
	width: 270px;	/* cf. main-ie.css*/
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */
	text-align: justify;
}
#text a {
	color: #3E785F;
}
#citation {
	margin: 65px 0 0;
	padding: 0;
	width: 470px;	/* cf. main-ie.css*/
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */	
}
#phrase, #auteur {
	margin-left: 210px;	/* cf. main-ie.css */
	padding: 0;
	font-family: Geneva, Taoma, Helvetica, sans-serif;
	font-size: 1.125em;
	color: #3E785F;
	text-align: justify;
}
#auteur {
	margin-left: 300px;		/* cf. main-ie.css */
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */	
}

.text-cols {
	margin: 0 40px 0 0;
	padding: 0;
	width: 250px;
	float: left;
}

.text-cols p {
	margin: 0 0 1em;
	padding: 0;
	text-align: justify;
}

.text-cols a {
	color: #3E785F;
}

#sousmenu {
	margin: 3px 0 0 189px;
	padding: 0;
	width: 218px;
	font-family: Geneva, Taoma, Helvetica, sans-serif; /* added */	
}

#sousmenu dl {
	margin: 0;
}
#sousmenu dt {
	font-weight: bold;
	color: #999999;
	background: #000 url(img/sousmenu.jpg) no-repeat right center scroll;
	padding: 4px 6px;
}
#sousmenu dd {
	margin: 0;
	padding: 10px 6px 17px;
	background: url(img/sousmenu-bg.jpg) repeat-x left top scroll;
}

#sousmenu dt a {
	color: #999999;
	text-decoration: none;
}
#sousmenu dt a:hover {
	text-decoration: underline;
}
#sousmenu dt a:focus {
	text-decoration: underline;
	color: #fff;
}

#bottom-flash {
	clear: both;
	height: 36px;
	margin: 0;
}

#flash1 {
	float: left;
	margin: 0 0 0 5px;
}

#flash2 {
	float: right;
	margin: 0 28px 0 0;
	padding: 0;
}

/* éléments du bloc footer */

#footer1, #footer2 {
	color: #e7e7e7;
}
#footer1 {
	float: left;
	margin: 0 0 0 30px;	/* cf. main-ie.css */
}
#footer2 {
	text-align: right;
	margin: 0 30px 0 0;
}
#footer1 a, #footer2 a {
	color: #999999;
}
#footer1 a:hover, #footer2 a:hover {
	text-decoration: none;
}
#footer1 a:focus, #footer2 a:focus {
	text-decoration: none;
	color: #fff;
}


/* hack Gecko */

.clear4ff {
	display: none;
}
#header>.clear4ff, #footer>.clear4ff  {
	clear: both;
	display: block;
	height: 0px;
	margin: 0;
	padding: 0;
}


/* added */
#footer3 {
	height: 90px;/* original val: 166*/
	width: 638px;/* original val: 100%*/
	position: absolute;
	left: auto; right: 7px;
	top: auto; bottom: 30px;
}
.jcarousel-container-horizontal {
	/*height: 166px;*/
	width: 558px;/*origin:520*/
	margin: 0 auto;
	padding: 15px 40px 0; /*padding: 15px 40px;*/
}
.jcarousel-clip-horizontal {
	width:  558px;/*origin:520*/
	height: 75px;
}
.jcarousel-item-horizontal {
	height: 60px !important; /*new*/
	width: 60px !important; /*new*/
	margin-right: 23px; /*margin-right: 14px;*/
}
.jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.jcarousel-next-horizontal, 
.jcarousel-prev-horizontal {
	position: absolute;
	top: 28px;
	width: 32px;
	height: 32px;
	cursor: pointer;
}
.jcarousel-next-horizontal {
	right: 0;
	background: transparent url(../css/css-img/carousel-next.png) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
.jcarousel-prev-horizontal {
	left: 0;
	background: transparent url(../css/css-img/carousel-prev.png) no-repeat 0 0;
}
.jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
.jcarousel-container li {list-style: none;}
.jcarousel-container li a {
	display: block;
	width: 58px;
	height: 58px;
	text-decoration: none;
	border: 1px solid #999;
}
.jcarousel-container li a img {
	border: 2px solid #fff;
	width: 54px;
	height: 54px;
}
.jcarousel-container li a:hover img {border: 2px solid #999;}

#fancybox-title {} /* titre d'une image, lorsqu'il est affiché sous celle-ci (mode 'inside') */
#fancybox-title-over {} /* titre d'une image, lorsqu'il est affiché par-dessus celle-ci (mode 'over') */