/** *******************************************************************
 * Feuille de style générale
 * --------------------------------------------------------------------
 * 16/06/2009 : perspective-communication
 *********************************************************************/

@CHARSET "ISO-8859-1";

/* Styles de prédéfinition des balises */
body, html, div, pre, p, span, a, b, strong, td, th, label, input, textarea, em, li {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	text-decoration:	none;
	font-size:			9pt;
}

body, html {
	margin:				0;
	padding:			0;
/*	background-color:	#484848;*/
}

div {
	display:			block;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			9pt;
}

p {
	font-size:			9pt;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	margin:				10px 0;
}

a {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	text-decoration:	none;
	font-size:			9pt;
}

a:hover {
	font-size:			9pt;
/*	text-decoration:	underline;*/
}

h1 {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			13pt;
	padding:			0;
	margin:				0;
}

h2 {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			9pt;
	padding:			0;
	margin:				0;
}

h3 {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			9pt;
	padding:			0;
	margin:				0;
}

hr {
	border:				0;
	border-top:			solid 1px #6D6F6E;
	margin-top:			5px;
	height:				0;
	width:				630px;
	display:			block;
	float:				left;
}

img {
	border:				none;
}

ul {
	padding-left:		15px;
	font-size:			9pt;
}

pre {
	margin:				10px;
	padding:			10px;
	background-color:	#C9B779;
	border:				solid 1px #FF6600;
}

div.clean {
	clear:				both;
	height:				0px;
	font-size:			1px;
}

form {
	margin:				0;
	padding:			0;
}
.upper {
	text-transform:		uppercase;
}

.under {
	text-decoration:	underline;
}

.small {
	font-size:			7pt;
}

.standard {
	font-size:			8pt;
}

.medium {
	font-size:			9pt;
}

.large {
	font-size:			10pt;
}

.x-large {
	font-size:			12pt;
}

.xx-large {
	font-size:			14pt;
}

.bold {
	font-weight:		bold;
}

.right {
	position:			relative;
	float:				right;
}

.left {
	position:			relative;
	float:				left;
}

.no-marge {
	margin:				0;
}

.load {
	background:			url(../images/loading.gif) no-repeat 50% 50%;
	height:				140px;
}

.ispan {
	color:				#A10000;
	font-size:			9pt;
}

table p a {
	font-size:			8pt;
	color:				#F08F02;
	text-transform:		none;
}

table p a:hover {
	font-size:			8pt;
	color:				#F08F02;
	text-decoration:	underline;
}

/* Positionnement général du site */
div#body {
	position:			relative;
	width:				878px;
	height:				auto;
	margin:				auto;
	margin-top:			15px;
	background:			url(../images/back.jpg) repeat-y 0 0;
}

/* Positionnement du header */
div#body #header {
	position:			relative;
	width:				878px;
	height:				166px;
	background:			url(../images/header.jpg) no-repeat 0 0;
}

div#body #header #logo {
	margin-top:			20px;
	margin-left:		30px;
}

div#body #header #search {
	margin-right:		45px;
	margin-top:			115px;
}

div#body #header #search input {
	color:				#868686;
}

div#body #header #search input[type="image"] {
	vertical-align:		bottom;
	width:				18px;
	height:				18px;
}

/* Positionnement du footer */
div#body #footer {
	position:			relative;
	width:				878px;
	height:				28px;
	background:			url(../images/footer.jpg) no-repeat 0 0;
}

div#body #footer img {
	vertical-align:		middle;
}

div#body #footer a {
	display:			block;
	position:			relative;
	float:				left;
	color:				#FFFFFF;
	font-size:			8pt;
	margin-right:		10px;
}

div#body #footer a:hover,
div#body #footer .select {
	text-decoration:	underline;
}

div#body #footer #nav {
	margin-left:		40px;
	margin-top:			3px;
}

div#body #footer #mnfoot {
	margin-right:		45px;
	margin-top:			4px;
}

div#body #footer #mnfoot a {
	margin-left:		10px;
}

div#body #footer #mnfoot div {
	margin-right:		10px;
	color:				#FFFFFF;
	font-size:			8pt;
}

div#body #key {
	position:			relative;
	padding:			0 45px;
	height:				auto;
	background:			#FFFFFF;
	text-align:			center;
}

div#body #key a {
	font-size:			9pt;
	color:				#A10000;
}

div#body #key a:hover {
	text-decoration:	underline;
}

/* Positionnement central */
div#body #main {
	margin-left:		35px;
	margin-right:		42px;
	margin-top:			13px;
}

/* Positionnement du menu */
div#body #menu {
	margin-left:		12px;
}

/* Positionnement du bloc coordonnée (menu) */
div#body #menu .coordonnee {
	position:			relative;
/*	margin-top:			30px;
	margin-left:		18px;
	margin-bottom:		25px;
	width:				102px;*/
	padding:			20px 12px;
	margin:				auto;
	text-align:			center;
}

div#body #menu .coordonnee p {
	margin:				0;
	text-align:			center;
	color:				#A10000;
	font-weight:		bold;
}

/* Positionnement fil d'ariane */
div#body .ariane a {
	color:				#000000;
}

div#body .ariane a:hover,
div#body .ariane .select {
	color:				#A10000;
}

/* Positionnement des titres des pages */
div#body .corps .titre-inside {
	margin:				15px 0;
}

div#body .corps .titre-inside h1 {
	font-size:			24pt;
	color:				#A10000;
	font-weight:		normal;
}

/* Positionnement du corps */
div#body .corps {
	margin:				25px;
	margin-top:			0;
	margin-right:		0;
}

/* Positionnement des blocs */
div#body .bloc .titre {
	border:				solid 1px #8C6F36;
	background:			#A10000;
	height:				20px;
	margin-bottom:		1px;
	width:				auto;
}

div#body .bloc .titre h2 {
	margin-left:		3px;
	margin-top:			3px;
	color:				#FFFFFF;
	text-transform:		uppercase;
}

div#body .bloc .titre h2 img {
	vertical-align:		1px;
}

div#body .bloc .inbloc {
	border:				solid 1px #8C6F36;
	background:			#F2EDE3;
	width:				auto;
}

div#body .bloc .inbloc .marge {
	margin:				12px;
}

div#body .bloc .inbloc .marge a {
	display:			block;
	color:				#000000;
	margin-bottom:		5px;
}

div#body .bloc .inbloc .marge a:hover,
div#body .bloc .inbloc .marge .select {
	color:				#A10000;
}

div#body .bloc .news .marge a {
	color:				#A10000;
	margin:				0;
}

div#body .bloc .news .marge a:hover {
	color:				#8C6F36;
}

/* Positionnement des liens utiles et partenaires */
div#body .lien {
	margin:				15px 0;
}

div#body .lien .logo {
	width:				160px;
	text-align:			center;
}

div#body .lien .logo img {
	vertical-align:		middle;
}

div#body .lien .desc {
	width:				410px;
}

div#body .lien .desc p {
	margin:				0;
}

div#body .lien .desc a {
	color:				#000000;
}

div#body .lien .desc a:hover {
	color:				#A10000;
}

/* Positionnement du formulaire de contact */
div#body .corps h3 {
	font-size:			10pt;
	color:				#A10000;
	text-transform:		uppercase;
}

div#body .corps p a {
	color:				#A10000;
}

div#body .corps p a:hover {
	text-decoration:	underline;
}

div#body .corps td {
	padding-bottom:		3px;
}

div#body .corps table input[type="text"] {
	width:				312px;
	height:				20px;
	border:				solid 1px #000000;
}

div#body .corps table textarea {
	width:				312px;
	height:				137px;
	border:				solid 1px #000000;
}

div#body .corps table input[type="checkbox"] {
	vertical-align:		top;
}

div#body .corps table input[type="submit"] {
	width:				83px;
	height:				20px;
	border:				solid 1px #000000;
	color:				#A10000;
	background:			#FFFFFF;
	cursor:				pointer;
	padding-top:		1px;
	padding-bottom:		3px;
}

/* Positionnement de la page de téléchargement */
div#body .liste {
	margin-top:			10px;
}

div#body .liste a {
	color:				#A10000;
}

div#body .liste a:hover {
	text-decoration:	underline;
}

div#body .search input[type="text"] {
	border:				solid 1px #000000;
	padding:			1px;
}

div#body .search input[type="image"] {
	vertical-align:		bottom;
	width:				18px;
	height:				18px;
}

/* Positionnement de la popup */
#masque,
#masque1,
#masque2 {
	position:			fixed;
	background-color:	black;
	height:				100%;
	width:				100%;
	z-index:			20;
	-moz-opacity:		0.5;
	opacity:			0.5;
	filter:				alpha(opacity=50);
	top:				0px;
	left:				0px;
	visibility:			hidden;
	overflow:			hidden;
}

#filter,
#filter1,
#filter2 {
	position:			absolute;
	left:				50%;
	margin:				0;
	margin-left:		-254px;
	top:				320px;
	width:				518px;
	float:				right;
	background-color:	#8C6F36;
	visibility:			hidden;
	z-index:			100;
/*	background:			url(../images/masque.jpg) no-repeat 0 0;*/
}

#filter h1,
#filter1 h1,
#filter2 h1 {
	background-color:	#A10000;
	padding:			3px 5px;
	color:				#FFFFFF;
}

#filter .msg,
#filter1 .msg,
#filter2 .msg {
	margin:				6px 15px;
	position:			relative;
}

.close {
	position:			absolute;
	top:				0px;
	right:				0px;
	border:				0px;
	width:				55px;
	color:				#000000;
	font-size:			9pt;
	margin-top:			5px;
	cursor:				pointer;
}

#filter .valid,
#filter1 .submit,
#filter2 .submit {
	position:			absolute;
	bottom:				7px;
	right:				15px;
}

#filter .default-bloc,
#filter1 .default-bloc,
#filter2 .default-bloc {
	background:			#FFFFFF;
	margin:				2px;
	position:			relative;
}

#filter .default-bloc .titre-inside,
#filter1 .default-bloc .titre-inside,
#filter2 .default-bloc .titre-inside {
	font-family:		DIN-Bold, arial;
	font-size:			16pt;
	font-weight:		normal;
	color:				#FFFFFF;
	display:			block;
	padding:			8px 18px;
	padding-top:		6px;
	background:			#000000;
}

#filter .default-bloc .text-inside,
#filter1 .default-bloc .text-inside,
#filter2 .default-bloc .text-inside {
	margin:				25px;
	margin-bottom:		0;
}

#filter .default-bloc .text-inside input,
#filter1 .default-bloc .text-inside input {
	border:				solid 1px #EAEAEA;
	height:				18px;
}

#filter1 .default-bloc .mandatory {
	position:			absolute;
	bottom:				10px;
	left:				10px;
	color:				#FE0000;
	font-size:			7pt;
}

#filter .default-bloc .more {
	position:			absolute;
	bottom:				0px;
	right:				0px;
}

#filter1 .default-bloc .more,
#filter2 .default-bloc .more {
	position:			absolute;
	bottom:				-7px;
	right:				-15px;
}

#filter .default-bloc .more .submit,
#filter1 .default-bloc .more .submit,
#filter2 .default-bloc .more .submit {
	border:				0px;
	width:				104px;
	height:				24px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	font-size:			7pt;
	text-align:			center;
	background:			#1D1105;
	cursor:				pointer;
}

/* Eléménets divers */
div.ref p {
	color:				#909090;
	font-size:			8pt;
}

div.ref strong {
	color:				#909090;
}

div#map_canvas {
	border:				solid 1px #888785;
}

div#map_canvas span {
	font-size:			6pt;
}

div .map0,
div .map1 {
	margin:				6px 0;
}

div .map0 a {
	color:				#F08F02;
	font-size:			8pt;
}

div .map0 a:hover {
/*	color:				#6D6E70;*/
	color:				#FFFFFF;
}

div .map1 a {
	color:				#FFFFFF;
	font-size:			8pt;
}

div .map1 a:hover {
	color:				#6D6E70;
}

/* Styles pour le scroll */
.jScrollPaneContainer {
	position:			relative;
	overflow:			hidden;
	z-index:			1;
	width:				697px;
}

.jScrollPaneTrack {
	position:			absolute;
	cursor:				pointer;
	right:				0;
	top:				0;
	height:				100%;
	background:			#000000;
}
.jScrollPaneDrag {
	position:			absolute;
	background:			#F19107;
	cursor:				pointer;
	overflow:			hidden;
	border:				solid 1px #F19107;
}
.jScrollPaneDragTop {
	position:			absolute;
	top:				0;
	left:				0;
	overflow:			hidden;
}
.jScrollPaneDragBottom {
	position:			absolute;
	bottom:				0;
	left:				0;
	overflow:			hidden;
}
a.jScrollArrowUp {
	display:			block;
	position:			absolute;
	z-index:			1;
	top:				0;
	right: 0;
	text-indent:		-2000px;
	overflow:			hidden;
	/*background-color:	#666;*/
	height:				9px;
}
a.jScrollArrowUp:hover {
	/*background-color:	#f60;*/
}

a.jScrollArrowDown {
	display:			block;
	position:			absolute;
	z-index:			1;
	bottom:				0;
	right:				0;
	text-indent:		-2000px;
	overflow:			hidden;
	/*background-color:	#666;*/
	height:	9px;
}
a.jScrollArrowDown:hover {
	/*background-color:	#f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color:	#f00;*/
}