/*****************************/
/******* Style général *******/
/*****************************/
html {
	margin:				0;
	padding:			0;
	background:			#ddd url(../../images/html.png);
}

body {
	margin:				0;
	padding:			0;
}

#global {
	background:			url(../../images/global.png) center repeat-y;
	color:				#cc3333;
	font-family:		"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size:			75%;
	margin:				0px;
	padding:			0px;
}

/* Cadre général de la page */
#page {
	background:			#fff;
	background-image:	url(../../images/fond-hiver.jpg);
	background-repeat:	no-repeat;
	border:				1px solid #CFCFCF;
	margin:				0px auto 10px auto;
	overflow:			auto;
	padding:			0px;
	position:			relative;
	text-align:			left;
	width:				900px;
}

form {
	border:				1px solid #666;
	display:			inline;
	padding:			2px 10px 6px 10px;
}

form label {
	float:				left;
	padding:			4px 4pt 0pt 0pt;
	text-align:			right;
	width:				105px;
}

form select {
	background:			white url(../../images/progress_background.png) repeat scroll 0% 0%;
	border:				1px solid #de131f;
	color:				#de131f;
	line-height:		normal;
	width:				177px;
}

form .txtForm, form textarea {
	background:			white url(../../images/progress_background.png) repeat scroll 0% 0%;
	border: 			1px solid #de131f;
	color:				#de131f;
}

form button {
	background-color:	#de131f;
	border-style:		solid;
	border-width:		1px;
	color: 				#ffffff;
	margin-left: 		27px;
	position:			absolute;
	right:				9px;
	width:				105px;
}

a img {
	border:				none;
}

/*****************************/
/*********** Logo ************/
/*****************************/

#logo {
	padding-left:		45px;
	padding-top:		5px;
}

/*****************************/
/****** Texte defilant *******/
/*****************************/

#texteDefilant {
	padding-left:		45px;
	padding-top:		120px;
	padding-right:		0px;
	margin-bottom:		-20px;
	margin-top:			130px;
	color:				#de131f;
	font-size:			15px;
}

/*****************************/
/**** Bloc lateral gauche ****/
/*****************************/

#colonne {
	float:				left;
	margin:				0px 0px 0px 0px;
	padding:			80px 0px 0px 20px;
	position:			relative;	
}

#colonne #description {
	background:			#de131f;
	height:				310px;
	padding:			0px 3px 0px 0px;
	position:			relative;
	width:				156px;
	filter:				alpha(opacity=80);
	-moz-opacity:		0.80;
	opacity:			0.80;
}

#colonne #txtdescription {
	color:				#FFFFFF;
	font-size:			14px;
	margin:				0px;
	opacity:			100;
	position:			absolute;
	text-align:			right;
	top:				105px;
	width:				155px;
	z-index:			10;
}

#colonne #description a #carte {
	left:				15px;
	position:			absolute;
	top:				170px;
}

#colonne #souris {
	padding-left: 		15px;
	margin-top: 		-17px;
}

/*****************************/
/****** Menu horizontal ******/
/*****************************/

/* Ligne */
#nav {
	float:				right;
	margin:				201px 4px 0px 0px;
	padding:			0px;
}

#nav li {
	background:			#ffffff;
	display:			inline;
	filter:				alpha(opacity=70);
	margin-right:		1px;
	opacity:			0.7;
	-moz-opacity:		0.7;
}

/** Elément du menu **/
li a.menu {
	float:				left;
	padding-left:		20px;
	padding-right:		6px;
	width:				90px;
}

li a.menu {
	border-right:		1px solid #de131f;
	color:				#de131f;
	font-size:			15px;
	height:				38px;
	text-align:			right;
	text-decoration:	none;
}

/* survol */
#nav li a.menu:hover, #nav li a.menu:focus {
	background:			#de131f;
	color:				#ffffff;
	filter:				alpha(opacity=85);
	opacity:			0.85;
	-moz-opacity:		0.85;
}

/*****************************/
/******** Formulaire *********/
/*****************************/
#divRecherche {
	float:				right;
	margin-top:			25px;
	position: 			relative;
	width:				333px;
}

#divRecherche #frmRecherche {
	float:				right;
	margin:				15px 10px 0px 0px;
	width:				297px;
}

#divRecherche #logoFrais {
	left:				-30px;
	position: 			absolute;
	top: 				105px;
	width: 				72px;
}

#divRecherche #frmRecherche .ligne {
	margin:				1px 0pt 2px 0px;
}

#divRecherche #frmRecherche .champs {
	float:				left;
	overflow:			hidden;
	position: 			relative;
	width:				100%;
}

#divRecherche #frmRecherche #spnTitreForm {
	color:				#666;
	float:				right;
	font-size:			18px;
	margin-right:		15px;
	margin-bottom:		2px;
}

#divRecherche #frmRecherche .txtForm {
	width:				200px;
}

#divRecherche #frmRecherche #ref {
	line-height: 		normal;
	width:				60px;
}

/*****************************/
/********** diapos ***********/
/*****************************/
#diapos {
	float:				left;
	height:				162px;
	margin:				40px 0px 0px 25px;
	position: 			relative;
	width:				327px;
}

#diapos .imgDiapo {
	border:				1px solid #ccff99;
	width:				120px;
	height:				83px;	
}

#diapos .imgDiapo:hover {
	border:				1px solid #de131f;
}

#diapos #diapo1 {
	left: 				0px;
	position:			absolute;
	top: 				25px;
	z-index:			1;
}

#diapos #coeur {
	left:				96px;
	position: 			absolute;
	top:				5px;
	width:				110px;
	z-index: 			4;
}

#diapos #txtCoeur {
	top: 				0px;
	position: 			absolute;
	width:				60px;
}

#diapos #diapo2 {
	left: 				110px;
	position:			absolute;
	top: 				70px;
	z-index:			3;
}

#diapos #diapo3 {
	left: 				205px;
	position:			absolute;
	top: 				0px;
	z-index:			2;
}

/*****************************/
/********* Sous-Menu *********/
/*****************************/
#sousMenu {
	float:				right;
	margin:				5px 10px 10px 0px;
	text-align:			right;
	width: 				95%;
}

#sousMenu .txtSousMenu {
	color:				#de131f;
	text-decoration:	none;
}

#sousMenu .txtSousMenu:hover {
	text-decoration:	underline;
}

/*****************************/
/*********** Carte ***********/
/*****************************/
div#search_map {
	color:				#ff9900;
	font-size:			12px;
}

div#search_map #map {
	height:				215px;
	position:			relative;
	top:				5px;
	width:				210px;
	z-index:			101;
}

/** Tableau listant les mandataires **/
table.list {
	background-color:	#E7E7E7;
	border-spacing:		1px;
	color:				#666666;
	width:				100%;
	margin-top: 		5px;
}

table.list thead th {
	background:			#F0F0F0 none repeat scroll 0%;
	border-bottom:		1px solid #999999;
	border-left:		1px solid #FFFFFF;
	color:				#666666;
	text-align:			center;
}

table.list tbody tr {
	background-color:	#FFFFFF;
	text-align:			left;
	background:			#F9F9F9 none repeat scroll 0%;
	border-top:			1px solid #FFFFFF;
}

table.list tbody tr td {
	border:				1px solid #FFFFFF;
	height:				25px;
}

table.list tbody tr:hover td {
	background-color:	#ffffcc;
}