@import url("gwindow.css");
@import url("upload.css");


/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}










body {
	background-color: #F9F9E8;
	text-align: center;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#big-wrapper {
	background: url("images/big-wrapper.png") top left repeat-x;
}

#big-wrapper.connecte {
	background: none !important;
}
#wrapper {
	position:relative;
	margin: 0 auto;
	width: 962px;
	text-align: left;
}

#header {
	position: relative;
	height: 104px;
	background: url("images/header-bg.png") no-repeat;
}

	#big-wrapper.connecte #header {
		background: url("images/header-bg-connecte.png") no-repeat !important;
	}
	
	
	#big-wrapper.connecte #header p {
		display: none;
	}
	
	
#header h1 a {
	position: absolute;
	width: 331px;
	height: 73px;
	background: none; /*url("../images/logos/logo_insitu_header.png") no-repeat;*/
	top: 16px;
	left: 20px;
	text-indent: -3000px;
}

#user-log {
	position:absolute;
	right:12px;
	top:48px;
	text-align:right;
	font-size: 0.9em;
}

#user-log li{
	color:#fff;
	float:left;
	display:block;
	text-transform: uppercase;
}

	#user-log.espace li.espace a, #user-log.profile li.profile a {	color: #639dbb !important; }
		
	#user-log li a {
		color:#fff;
		font-size: 12px;
		/*font-weight: bold;*/
		text-decoration:none;
		padding: 6px 15px;
	}
	#user-log p {
		color: #bbbbbb; /* #0c3f59;*/
		padding: 8px 14px;
		font-size: 11px;
	}
	#user-log li a:hover{
		text-decoration:underline;
	}
	
#raccourcis {
	position:absolute;
	right:20px;
	top:40px;
	text-align:right;
	font-size: 0.9em;
	color: #fff;
}
#footer {
	position: relative;
	background: url("images/footer-bg.png") top center no-repeat;
	padding: 10px 5px;
	font-size: 1em;
	letter-spacing: -1px;
}
	#footer * {
		color: #777;
	}
	#footer p.copy {
		float: right;
		text-align: right;
	}
	#footer p.tpm {
		text-align: center;
		margin-top: 6px;
	}
	#footer a {
		text-decoration: none;
	}
	
#sign-toggler {
	position: absolute;
	width: 197px;
	height: 26px;
	background: url("images/sign-toggler.png") top left no-repeat;
	display: block;
	text-indent: -3000px;
	right: 60px;
}






#menu {
	position: relative;
	height: 25px;
	overflow: hidden;
	margin-left: 16px;
	margin-top: 7px;
}


#menu a {
	position: absolute;
	height: 24px;
	top: 0;
	background: url("images/menu.png") no-repeat;
	text-indent: -3000px;
}

#menu strong a {
	height: 25px;
}

#m1 a {
	width: 85px;
}

#m2 a {
	width: 151px;
	left: 87px;
	background-position: -87px 0;
}

#m3 a {
	width: 151px;
	left: 240px;
	background-position: -240px 0;
}
#m4 a {
	width: 151px;
	left: 393px;
	background-position: -393px 0;
}
#m5 a {
	width: 85px;
	left: 546px;
	background-position: -546px 0;
}
#m6 a {
	width: 97px;
	left: 633px;
	background-position: -633px 0;
}





#content-wrapper {
	background: url("images/content-bg.png") top left repeat-y;
}

#submenu {
	background: #3A82A7 url("images/submenu-round.gif") top left no-repeat;
	padding-top: 4px;
	position: relative;
}

/*
body#page-sorties-evenements #submenu {
	background-position: -962px 0;
}
*/

body#page-sorties-evenements #submenu, body#page-evenement #submenu, body#page-sorties-evenements #submenu div, body#page-evenement #submenu div {
	background-color: #cf2f1b;
	}
/*
body#page-balades-excursions #submenu {
	background-position: -1924px 0;
}
*/

body#page-balades-excursions #submenu, body#page-balades-excursions #submenu div {
	background-color: #8aa424;
}
	body#page-balades-excursions .more a{ 
		color: #8aa424 !important;
	}
/*
body#page-musees-monuments #submenu {
	background-position: -2886px 0;
}*/

body#page-musees-monuments #submenu, body#page-musees-monuments #submenu div {
	background-color: #794525;
}

/*
body#page-transport #submenu {
	background-position: -3848px 0;
}
*/

body#page-transport #submenu, body#page-transport #submenu div {
	background-color: #628794;
}

/*

body#page-communaute #submenu {
	background-position: -4810px 0;
}
*/

body#page-communaute #submenu, body#page-communaute #submenu div {
	background-color: #F37612;
}










#submenu div {
	background: #3A82A8;
	margin: 0 6px;
}

#submenu ul {
	padding: 6px 10px 10px 10px;
}

#submenu li {
	display: inline;
	color: #fff;
}

#submenu li a {
	font-family: "Trebuchet MS";
	padding: 0px 2px;
	color: #fff;
	text-decoration: none;
	font-weight: normal !important;
	text-decoration: underline;
}

#submenu li strong a {
	text-decoration: underline;
	font-weight: normal !important;
}

#content {
	margin: 0 6px;
	padding: 20px 10px;
	color: #000;
}






#sign {
	position:relative;
	background: #96D613 url(/images/icones/bg_header_inscription.png) 0 0 repeat-x;
	height: 0;
	max-height: 222px;
	overflow: hidden;
	color: #fff;
}

	
	#sign input.sign-input {
		background: transparent url(/images/icones/bg_champ_inscription.png) 0 0 no-repeat;
		color: #405e09;
		width: 185px;
		width: 220px;
		height: 14px;
		padding-top: 2px;
		font-size: 10px;
		border: none;
		text-indent: 5px;
	}
	
	div.zoneIdent {
		background: #91be34;
		height: 175px;
		margin-top: 20px;
	}
	div.zoneIdent h2 {
		color: #fff !important;
		margin-left: 25px !important;
		margin-top: 10px;
		font-size: 16px;
		font-weight: normal;
	}
	div.zoneIdent form {
		padding-left: 20px;
	}
	div.zoneIdent form span{
		display: block;
		color: #000;
		padding: 0 0 0 8px;
		margin: 0;
		line-height: 12px;
		
	}
	div.zoneIdent input.sign-input {
		background: transparent url(/images/icones/bg_champb_inscription.jpg) 0 0 no-repeat !important;
		color: #969696 !important;
	}


	div.zoneRegister {
		width: 640px;
		margin-top: 18px;
	
	}
	div.zoneRegister h2 {
		color: #fff !important;
		margin-top: 10px;
		margin-left: 5px;
		font-size: 16px;
		font-weight: normal;
	}

	div.zoneRegister p{
		font-size: 11px;
		line-height: 13px !important;
	}
		

	div.zoneRegister p.avantages, div.zoneRegister p.avantages2 {
		float: left;
		min-width: 300px;
	}
	
	div.zoneRegister p.avantages span, div.zoneRegister p.avantages2 span{
		display: block;
		background: transparent url(/images/icones/puce_avantages.png) 0 0 no-repeat;
		text-indent: 10px;
		padding-bottom: 4px;
		color: #2e3d0f;
	}
	
	
	div.zoneRegister p.avantages span.bis, div.zoneRegister p.avantages2 span.bis{
		background: transparent url(/images/icones/puce_avantages2.png) 0 0 no-repeat;
		text-indent: 10px;
		padding-bottom: 4px;
		color: #405d03;
	}
	



	
	
	div#sign-register p {
		float: left;
	}
		
	
	div#sign-register span {
		float: none;
		display: block;
		color: #000;
		width: auto;
		padding: 0 0 0 8px;
		margin: 0;
		line-height: 12px;
	}
	
	
	
		
	label.bouton {
		margin-top: 15px;
	}
	label.bouton span{
		display: block !important;
		float: left !important;
		height: 21px !important;
		width: 4px !important;
		max-width: 4px !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent url(/images/icones/bg_bt_left.png) center left no-repeat !important;

	}	
	label.bouton input {
		border: none;
		background: none;
		text-transform: none;
		color: #fff;
		font-variant: normal;
		font-size: 10px;
		margin: 0 !important;
		padding: 0 4px 0 0 !important;
		text-align: center;
		width: auto;
		background: transparent url(/images/icones/bg_bt_right.png) center right no-repeat !important;
		cursor: pointer;
	}
	
	label.bouton.inscription-btn span {	margin-left: 205px !important; }
	label.bouton.sign-btn span {	margin-left:100px !important; height: 26px !important; }
	

	
#error{
	position:absolute;
	display: none;
	bottom:0;
	float:left;
	background:#1F190F;
	height:25px;
	width:100%;
	color:#FFFFFF;
	font-size:1.5em;
}
#sign-content{
	width:962px;
	margin:auto;
	margin-top:20px;
}
#sign-register{
	width:962px;
	margin:auto;
	margin-top:20px;
	display:none;
}

.sign-title{
	font-size:1.33em;
	font-weight:bold;
	/*font-variant:small-caps;*/
	height:30px;
	color:#333;
}
#sign p{
	margin:5px;
	line-height:25px;
	text-align:justify;
}
#splitter{
	float:right;
	display:block;
	width:9px;
	height:200px;
	background:url('images/sign-splitter.png') repeat-y;
	margin-right:40px;
	display: none;
}
#register{
	display:block;
	float:left;
	text-align:left;
}
#form-register span{
	display:block;
	float:left;
	width:120px;
}
#login{
	display:block;
	float:right;
	text-align:left;
}
.sign-input{
	margin:5px;
	color:#666;
}
.sign-button{
	font-size:0.9em;
	font-variant:small-caps;
	height:20px;
	vertical-align:middle;
	border:1px #fff solid;
	margin:10px;
	color:#96D613;
	background-color:#1F190F;
}






#map-wrapper.square {
	width: 295px !important;
}

#map-wrapper.square #map-canvas {
	width: 297px !important;
}



#map-wrapper {
	width:926px;
	height: 330px;
	position:relative;
	margin: 10px 0;
	overflow: hidden;
}

#map-canvas {
	color: #000;
	border: 1px solid #555;
	width:928px;
	height:300px;
	z-index: 10;
	background: url("images/googlemaps.gif");
	overflow: hidden;
}


#map-size {
	position: absolute;
	top:0;
	right:0;
	height: 28px;
	width: 61px;
	z-index: 15;
}

#map-size .overlay {
	background: url("images/map-size-bg.gif");
	position: absolute;
	top:0;
	right:0;
	height: 28px;
	width: 61px;
}

#map-size a {
	position: absolute;
	top:4px;
	width: 20px;
	height: 20px;
	text-indent: -3000px;
	cursor: pointer;
}

#map-retract {
	right: 32px;
	background-image: url("images/map-retract.png");
}

#map-expand {
	right: 6px;
	background-image: url("images/map-expand.png");
}
/*
#map-filters {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 28px;
	width: 926px;
	z-index: 100;
	border: 1px solid #555;
	border-top: 0;
	border-bottom: 0;
	overflow: hidden;
}


#map-filters .content {
	height: 200px;
}
*/


#map-filters {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 930px;
	height: 28px;
	background: url("images/map-filter-bg.png") top left no-repeat;
	z-index:20;
}


#map-filter-1 {
	position: absolute;
	width: 191px;
	left: 322px;
	bottom: 0;
	z-index:30;
}

#map-filter-1-toggler {
	cursor: pointer;
	display: block;
	height: 28px;
	background: blue url("images/map-filter-1.png");
	text-indent: -3000px;
}









#map-filter-2 {
	position: absolute;
	width: 193px;
	left: 513px;
	bottom: 0;
	z-index:30;
}


#map-filter-2-toggler {
	cursor: pointer;
	display: block;
	height: 28px;
	background: blue url("images/map-filter-2.png");
	text-indent: -3000px;
}



#map-filter-3 {
	position: absolute;
	width: 203px;
	left: 706px;
	bottom: 0;
	z-index:30;
}


#map-filter-3-toggler {
	cursor: pointer;
	display: block;
	height: 28px;
	background: blue url("images/map-filter-3.png");
	text-indent: -3000px;
}

#map-filters .content {
	height: 0;
	overflow: hidden;
	background-color: #000;
	background: transparent url("/images/icones/bg_filters.png") 0 0 repeat;

}





div.map-compte {
	height: 300px !important;
	overflow: hidden;
	margin-top: 16px;
	position: relative;
}
#accordion{
	width:600px;
	float:left;
	height:300px;
}
.edit_mode{
	cursor:pointer;
	display:block;
	float:right;
	color:#f37612;
	margin:5px;
}
.edit_mode:hover{
	text-decoration:underline;
}




/* Accroche*/
	
	#accroche ul li {
			height: 62px;
			/*background: black url("/images/icones/bg_menuAccroche.jpg") 0 -62px repeat;*/
			background: #1d1d15 url("/images/icones/bg_degradeAccroche.png") 0 0 repeat;
			color: #999;
			text-transform: uppercase;
			padding: 0 20px 0 25px;
			cursor:  pointer;
			font-size: 11px;
		}
		#accroche ul li span{
			height: 62px;
			display: table-cell;
			vertical-align:  middle;
		}
		#accroche #infos {
			background: transparent url("/images/icones/bg_overlay.png") 0 0 repeat;
			position: absolute;
			bottom: 0px;
			height: 64px;
			width: 440px;
		}
		#accroche #infos h4{
			color: #fff;
			text-transform: uppercase;
			font-size: 14px;
			margin: 8px 0 8px 10px;
		}	
		#accroche #infos p {
			color: #fff;
			font-size: 12px;
			margin: 0 10px;
		}
		div#accroche div.ombre {
			width: 7px;
			position: absolute;
			left: 440px;
			top: 0;
			height: 250px;
			background: transparent url("/images/icones/bg_ombre_accroche.png") 0 0 repeat;
		}

div#accroche {
	position: relative; width: 600px; border: none; height: 248px; overflow: hidden;
}
/* fin accroche */



/* PAGES STATIQUES */

	div.statique {
		padding: 20px;	
	}
	div.statique a{
		color: #2D6A8A;
		text-decoration:none;
	}
	div.statique a:hover{
		color: #2D6A8A;
		text-decoration:underline;
	}

	div.statique h1 {
		color: #CCC;
		font-size: 24px;
		font-weight: bold;
		/*text-transform: capitalize;	*/
	}
	
	div.statique h2 {
		color: #515151;
		font-size: 11px;
		padding-top: 10px !important;
		font-weight: bold;
		text-decoration: underline;
	}

	div.statique p{
		margin: 10px 0;
		color: #999;
		font-size: 11px;
		line-height: 1.3em;	
	}
	div.statique em{
		color: #ddd;
	}
	div.statique p.quote{
		font-style: italic;
		font-size: 10px;
	}
	div.statique strong {
		font-weight: bold;
	}
	/*---thomas pages statiques ------*/
	
			div.alignement {
				float: left;
				width:500px;
				margin-right:5px;
			}
			div.alignementimg {
				float: left;
				width:250px;
				margin-right:40px;
			}
			
			div.iconerss {
				float: right;
				margin-right:10px;
				margin-top:0px;
			}
	/*---thomas pages statiques ------*/
	
	div.place {
		float: left;
		margin-left: 100px;
		/*margin-right: 100px;*/
	}
	div.place a{
		color: #2D6A8A;
		text-decoration:none;
	}
	div.place a:hover{
		color: #2D6A8A;
		text-decoration:underline;
	}


form.contact fieldset{
  	padding: 1.5em;
}
form.contact label{
  display: inline;
  float: left;
  width: 70px;
		color: #999;
		font-size: 11px;
		line-height: 1.3em;	
} 

.boutonContact{
  	font-size:0.9em;
	height:17px;
	vertical-align:middle;
	border:1px #ccc solid;
	color:#fffefe;
	background-color:#a4bcc9;
} 
.champContact{
	font-size:0.9em;
	height:17px;
	vertical-align:middle;
	border:1px #a2bbc8 solid;
	color:#969696;
	background-color:#f8fafc;}
.zoneContact{
	font-size:0.9em;
	height:75px;
	vertical-align:middle;
	border:1px #a2bbc8 solid;
	color:#969696;
	background-color:#f8fafc;}
.champContact:focus, .zoneContact:focus {
	border:1px #ff017D solid !important;

} 
.champContact:blur, .zoneContact:blur {
	border:1px #405e09 solid !important;
}



.carroussel {
	position: relative;
	display: block;
	background: #000; 
	width: 440px; 
	height: 250px; 
	overflow: hidden; 
	float: left;
}


	
/* coins arrondis */
	div#accroche span.tl, div#accroche span.tr, div#accroche span.bl, div#accroche span.br  {
		position: absolute;
		width: 7px;
		height: 7px;
		z-index: 100;
	}
	
		div#accroche span.tl, div#monAgenda span.tl  {
			top: 0;
			left: -1px;
			background: transparent url("/images/icones/round_corner.png") top left no-repeat;
		}	
		div#accroche span.tr, div#monAgenda span.tr {
			top: 0;
			right: -1px;
			background: transparent url("/images/icones/round_corner.png") top right no-repeat;
		}	
		div#accroche span.bl, div#monAgenda span.bl  {
			bottom: -1px;
			left: -1px;
			background: transparent url("/images/icones/round_corner.png") bottom left no-repeat;
		}	
		div#accroche span.br, div#monAgenda span.br  {
			bottom: -1px;
			right: -1px;
			background: transparent url("/images/icones/round_corner.png") bottom right no-repeat;
		}	
		
		


	
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------- >>>  PAGINATION <<< ------------------------------ */
/* --------------------------------------------------------------------------------------- */


  ul#paging {
	display:inline;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:12px;
	margin-left:12px;
	padding:0px;
  }
  ul#paging li {
	display:inline;
	float:left;
	margin-right:4px;
  }
  ul#paging li a {
	background:#FFFFFF url(../images/interface/fade.jpg) repeat-x scroll left bottom;
	border:1px solid #EEEEEE;
	color:#666;
	display:block;
	float:left;
	padding:2px 4px;
  }

  ul#paging li a:visited {
	border:1px solid #EEEEEE;
	color:#666;
  }

  ul#paging li a:hover {
	background:#222 none repeat scroll 0% 50%;/*1D4C9F*/
	background:#FFFFFF url(../images/interface/fadeover.gif) repeat-x scroll left bottom;
	color:#ccc;
  }
  ul#paging li.empty {
	background:#FFFFFF url(../images/interface/fade.jpg) repeat-x scroll left bottom;
	border:1px solid #EEEEEE;
	color:#CCCCCC;
	display:block;
	padding:2px 4px;
  }
  ul#paging li.encours {
	background:#FFFFFF url(../images/interface/fade_over.gif) repeat-x scroll left bottom;
	border: 1px solid #f8dfeb;
	color:#c71166;
	display:block;
	padding:2px 4px;
  }
  
  
  ul#paging li.selected a, ul#paging li.selected a:visited {
	background:#CCCC99 none repeat scroll 0% 50%;
	color:#D50D00;
  }

	div.box h3 a {
		text-decoration: none;
	}
	
	
	
	

	*.more {
		background: transparent url(/images/icones/bg_more.gif) 0 0 repeat-x;
	}


	p#phildar {
		margin: -10px 0 10px 0;
		padding: 0;
		color: #999;	
	}
	p#phildar a {	
		color: #999;
		text-decoration: none;
		font-weight: bold;	
	}
	p#phildar a:hover {	
		color: #666;	
	}
	
	p#phildar span {	
		color: #666;
		font-weight: bold;	
	}