@media all  {

/* test */

    .sectionsynthese .detail { display:none }
    .sectiondetail .synthese { display:none }
/*
    .fbconcoursctrldiv { position::relative; height:15em; border:2px solid red } 
    #concours-fan-div { position::relative; height:15em; border:2px solid red } 
    #concoursfanbox {  height:10em; border:2px solid green } 
*/
html  { width:100%; height:100%; overflow:hidden; }
body  { width:100%; height:100%; overflow: auto; }
	/* TODO: get this to work 	min-width:400px; min-height:400px; overflow: auto; } */

body  { 
		margin: 0px; padding:0px; border:0px;
		/* min-width: 980px; */
		font-style: normal;
		font-size: 10pt ;
		color: black;
		font-weight: normal;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		}

body {
		/* background: repeat-x url(/static/img/Degrade-Vertical-multipliable-5x1100px.jpg) white;
		*/
		background: repeat-x url(/static/img/degrader-bleu4x925.png)  #80d4f7 ;  /* rgb(127,209,246) */
		background-position:  0px 122px ;
	}

div { margin: 0px; padding:0px; border:0px; }

ul {
	padding:0px;
	margin:0px;
	/* border: 2px solid green; */
	list-style-type: none;
	list-style-position: inside;
	vertical-align: middle;
	}

.normalul ul {
	margin-left: 30px;
	/* border: 2px solid green; */
	list-style-type: disc;
	list-style-position: outside;
	}
	
ul.normalul {
	margin-left: 30px;
	/* border: 2px solid green; */
	list-style-type: disc;
	list-style-position: outside;
	}
	
img {
	vertical-align: middle ;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}

h1, h2, h3  {
	font-variant: small-caps;
    /*
	letter-spacing: -0.02em;
	word-spacing: -0.1em;
    */
	padding: 0px;
	margin: 0px;
	}


/* OBJECTS ***********************************/

	ul.hmenu {
		/* font-size: 16px; */
		}

	ul.hmenu li {
		/* border: 1px solid transparent;*/ 
		display: inline;
		padding:0px;
		margin:0px;
		marker-offset: 0px;
		/* vertical-align: text-bottom; */
		}

	ul.hmenu table {
		/* border: 1px solid transparent;*/ 
		display: inline;
		padding:0px;
		margin:0px;
		marker-offset: 0px;
		/* vertical-align: text-bottom; */
		}

	ul.hmenu div {
		/* border: 1px solid transparent;*/ 
		display: inline;
		padding:0px;
		margin:0px;
		marker-offset: 0px;
		/* vertical-align: text-bottom; */
		}

	ul.hmenu iframe {
		/* border: 1px solid transparent;*/ 
		display: inline;
		padding:0px;
		margin:0px;
		marker-offset: 0px;
		/* vertical-align: text-bottom; */
		}



	.titre {
		font-size: 80%
		}
	.titre, h2 , h3 {
		color: #555;
		font-style: oblique;
		}

	.jz-simple-label {
		display:block;
		vertical-align:middle;
		/* float:left;*/
		width:20em;
		}

	div.section {
		padding: 5px 0px;
		}

	.sectioncontent {
		margin: 0px 0px 0px 10px;
		background: #eee;
		}

	
	div.section h2 a.jz-sect-option{
		color: #000;
		font-style: normal;
		font-weight: 500;
		float:right;
		font-size:70%;
		margin:5px;
		}

	*div.section h2 {
		font-size:130%;
		}

	*div.section h2 a.jz-sect-option{
		font-size:70%;
		}

	/* iframe infowwindow */
	
	.jz-hrefinfowindow { border:0px; }

 /* Itinaire cost etc */
	#it-options {
		clear:both; 
		font-size: 80%;
		margin: 0px;
		padding: 2px;
		border: 1px solid #AAA;
		}

	#it-options input {
		/* clear:both; */
		margin: 0px;
		padding:0px;
		}

	*#it-options table {
		font-size:100%;
		}

	#it-options table {
		border-collapse:collapse;
		border-spacing:0px;
		}
/*
	#it-options table col {
		margin: 50px;
		}
*/
	#it-options table td {
		text-align: right;
		padding: 2px;
		}

	#it-options .opt-tbl-cpct {
		font-weight:900;
		}

	#it-options col.opt-tbl-cscale {
		width:1em;
		}

	#it-options select {
		font-size:85%;
		}
/*
	#it-options td {
		margin: 0px;
		padding:0px;
		}

	#it-options th {
		margin: 0px;
		padding:0px;
		}
*/

/*
	#it-options div {
		
		border:2px solid red;
		float: right;
		}
*/
	#it-options a {
		/*
		float: right;
		border:2px solid yellow;
		*/
		}
		
	#it-options .jz-it-quad { display: none; }	
	#it-options.jz-router-pqd span.jz-it-quad { display: inline; }	
	#it-options.jz-router-pqd tr.jz-it-quad { display: table-row; }	
		
	#it-options .jz-it-mn { display: none; }	
	#it-options.jz-router-pmn span.jz-it-mn { display: inline; }	
	#it-options.jz-router-pmn tr.jz-it-mn { display: table-row; }	


	div.section.collapsed h2 a.jz-sect-option{
		display:none;
		}

	div.collapsed .sectioncontent{
		display: none;
		}

	div.collapser {
		display: inline;
		background: no-repeat center top;
		background-image: url(/static/img/Triangle-Btn-Noir-Actif-15x15px.png) ;
		vertical-align: middle ; 
		}

	div.collapser img {
		width: 15px; height: 1em;
		border: 0px; padding:0px; margin: 0px;
		vertical-align: middle;
		}

	div.collapsed div.collapser{
		background-image: url(/static/img/Triangle-Btn-Noir-Inactif-15x15px.png) ;
		}

	.obligatoire {
		color:red;
		}
	.errmess {
		display: none;
		}

	#url-box {
		padding: 4px;
		position:absolute;
		right:0px;
		top:60px;
		width:50em;
		border: 1px solid #888;
		background: white;
		}
	#url-box input {
		width:46em;
		}
	.close-button {
		/* border: 1px solid blue; */
		float : right;
		}

	#aide-ite-float {
		padding: 8px;
		position:absolute;
		left:380px;
		top:60px;
		bottom:20px;
		right:20px;
		overflow:auto;
		overflow-x:hidden;
		border:4px solid #888;
		background: white;
		z-index:999;
		}

	#aide-ite-float  h1 {
		font-size: 140%;
		}

	#aide-ite-float  h3 {
		font-size: 120%;
		margin-bottom: 2px;
		margin-top: 5px;
		}

/* CLICKABLE *********************/


	.clickable{
		border:1px solid transparent;
		}

	.clickable:hover{
		border:1px dotted black;
		}

	/* use simple clickable ...
	*.selected *.clickable:hover{ 
		border:2px solid transparent;
		}
	*/
	*.selected a.clickable *.clickable:hover{ /* use simple clickable ...*/
		border:1px dotted black;
		}
	*.selected a.clickable *.selected *.clickable:hover{ /* use simple clickable ...*/
		border:1px solid transparent;
		}

	a.clickable {
		color: inherit;
		text-decoration: inherit;
		}


/* HEADER ************************/

	#header {
		position: absolute;
		top: 0px; left:0px; width:100%; height:100px;
		background: green;
		}
	
	#header.bkgMN {
		background-image: url(/static/img/b2y100.jpg);
		}
	#header.bkgVelo {
		background-image: url(/static/image/headervelo3.jpg);
		}

	#header-menu {
		position: absolute;
		bottom: 0px; right:0px;
		}


/* FOOTER ************************/

	#footer {
		/* display: none;  enlver avec header */
		position: absolute;/* fixed; */
		bottom: 0px;/* 0px fixed */
		left:0px; 
		width:100%; height: 15px; /* 15px; */
		background: transparent;
		font-size: 12px; /* 10px; */
		text-align: center;
		vertical-align: bottom;
		}

/* TABBAR **************************************/
	#tabbar {
		position:absolute;
		top: 100px; left:0px; width:100%; bottom:auto;
		height: 20px; 
		background: repeat-x url(/static/img/degrader-vert4x32.png);
		background-position:  0px -12px ;
		font-size: 15px; 
		color: white;
		border-bottom:1px solid white;
		}


	#tabbar li {
		border: 1px solid transparent;
		padding: 0 0 4px 0;
		}

	#tabbar li.selected{
		border: 1px solid white;
		border-bottom:1px solid transparent;  
		background: repeat-x url(/static/img/degrader-bleu5x34px.png) #80d4f7 ; /* */
		background-position:  0px -14px ;
		}

	#tabbar img.vmarker {
		width: 1px;
		height: 1px;
		border: 1px  solid yellow;
		margin: 0px; padding: 0px;
		vertical-align: middle;
		}		


/* CONTENT *************************************/

	/* CONTENT ACTIONS *****************************/
	#actions {
		position:absolute;
		top:-4px;
		height:68px;
		right:0px;
		vertical-align: middle;
		text-align: center;
		}

	#actions a { text-decoration: underline; }
	
	#content {
		position: absolute; 
		top: 140px; left:10px; right:10px; bottom: 16px; /* 12pt; */
		border: 0px;
		/* min-height: 500px; */
		background:white;
		border: 1px solid #ccc;
		overflow:hidden; overflow-x:hidden; overflow-y:hidden;
		}

	img.contentlogo {
		height: 40px;
		}

	#tAfterHeaderContent{
		position:absolute;
		width:100%; top: 4em; bottom:0px;
		}

	#tcontentsidebar {
		position:absolute;
		width:350px; top:0px; bottom:10px; left: 5px;
		border: 0px solid red;
		overflow:auto; overflow-x:hidden; overflow-y:auto;
		padding: 0 5px 0 0;
		}

	#tcontentsidebar img.photo {
		margin:5px;
		width:310px; /* content siderbar width- 5px margin -border */
		border: 1px solid #ccc;
		}

	#tcontent {
		position:absolute;
		left:360px; right:5px;  top:0px; bottom:10px;
		min-width: 200px;
		overflow:auto; overflow-x:hidden; overflow-y:auto;
		}
		
	#tcontent div.section h2 {
		display: none;
		}

	#tcontent div.show h2 {
		display: block;
		}

	
	#tcontent.nosidebar {
		left:5px;
		}

	
	#directions {
		left:50%; font-size:79%; overflow:auto;
		clear:both; 
		padding-left:2px;
		} 
		
	/* copie de .normal ul */
	#directions ul {
		/* margin-left: 30px; */
		/* border: 2px solid green; 
		list-style-type: disc;
		list-style-position: inside;

		border: 1px solid yellow;*/
		}

	#directions ul.dir-list-troncons {
		/* margin-left: 30px; */
		/* border: 2px solid green; */
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 15px;
		}
	
	#directions ul.dir-troncon {
		margin-left: 15px;
		list-style-type: circle;
		}
	#directions li.dir-troncon {
		}


	#directions  .dir-troncon-txt {
		font-weight: 900;
		}

	#fb-comment-sect .sectioncontent {
		background: white;
		}

/* 
.directions {
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	}

div.directions ul {
	margin: 0em;
	padding: 0 0 0 1.5em;
	list-style-position: outside;
	}
*/



/* SECTIONS **********************************/

	/* Carte */

	#tcontent #section-carte div.sectioncontent {
		position:absolute;
		bottom:0px; left:5px; right:5px; top:0em; /* top:2.5em;  */
		}
		
	#tcontentsidebar #section-carte div.sectioncontent {
		}

	#carte {
		position:absolute;
		left:0px; right:0px;  top:0px; bottom:0px;
		}
		
	#tcontentsidebar #carte {
		position:static;
		left:auto; right:auto;  top:auto; bottom:auto;
		height:250px;
		}
		
	
	/* patch pour directions dans iframe */
	#mappane_left_outer { background: white; }



	/* photo */

	#section-photo h2 {
		display: none;
		}

	#section-photo.show h2 {
		display: block;
		}

	/* hide titre section 
	div.showsections div.section h2 {
		display: block;
		}*/

	#section-pictos label {
		font-size: 90% ;
		font-family: inherit;
		}

	.groupeattraits {
		font-size: 120% ;
		color: #555;
		font-variant: small-caps;
		font-weight: bold;
		}

	.infozone {
		padding: 0px 10px 5px 25px;
		background-repeat: no-repeat;
		background-position: left top ;
		}

	.infozone input { width:100%; }
	.infozone textarea { width:100%; }
	#infocp { width: 8em; }

	.infozone.iconadresse {
		background-image: url(/static/img/icone-lettre-20x20.png) ;
		}
	.infozone.iconposition {
		background-image: url(/static/img/icone-boussole-20x20.png) ;
		}
	.infozone.iconsiteweb {
		background-image: url(/static/img/icone-info-20x20.png) ;
		}
	.infozone.iconsource {
		background-image: url(/static/img/icone-info-20x20.png) ;
		}
	.infozone.iconcourriel {
		background-image: url(/static/img/icone-email-20x20.png) ;
		}
	.infozone.icontelephone {
		background-image: url(/static/img/icone-tel-20x20.png) ;
		}

	*.sectioncontent tr:hover {
		background: white
		}

	#section-concours img.menuicon {
		border: 2px solid gray;
		width: 317px;
		}

	#section-instructions .instxtimg { float:left; margin: 0 1pt 0 0;}
	#section-instructions .insdsttxt {
		font-size:80%;
		color: gray;
		}
	#section-instructions p { padding:0; margin:0; }

	#section-printheader {
		width:100%;
		border: 1px solid #bbf; 
		background: #ddf;
		}

	#consourscol1 { width:180px; }


	/* charheur update ****************************/

	table.updatetbl { margin-left:30px;} 

	li.updateli { border-top: 2px solid black }

	table.updatetbl td		{ text-align: left;  vertical-align:top; }
	table.updatetbl td.uop	{ padding:left:20px; text-align: right; vertical-align:top; }


/* hover formatting *******************************/

	.wphover .instxtimg { float:left; margin: 0 1pt 0 0;}
	.wphover .insdsttxt {
		font-size:90%;
		color: gray;
		}
	.wphover p { padding:0; margin:0; }

	.hovermap { 
		width:246px;
		}


/* fullscreen ***********************************/

	body.fullscreen {
		background-position:  0px 22px ;
		}

	body.fullscreen #header {
		display: none; /* enlver avec header */
		}

	body.fullscreen #tabbar {
		top: 0px; 
		}

	body.fullscreen #content {
		top: 40px;
		}


/* Edit mode ******************************************/

	.jz-editctrl {
		background-color: #DFD;
		width:100%;
		height:auto;
		}
	textarea.jz-editctrl {
		height: 24ex;
		}
	td input {width:100% }
	td text {width:100% }

	.jzEditrouteContainer {
		position:absolute;
		top:200px;bottom:0px;left:0px;right:0px;
		}

	.jzEditrouteFrame {
		background: white;
		font-size:12px;
		}


/* FACEBOOK Formatting ********************************/

    #fbiframe {
	    height:400px;
	    width:400px;
	    }

}

@media print  {
	/* setup printing note overfloe auto clips to first page in moz */

	@page { 
			size: 8.5in 11in portrait;
			margin: 1.5in 0.75in 1.0in 0.75in;
		}

/* dont print */
	.dontprint, #footer, #tabbar, #actions, #section-pictos { display: none; } /* #header,  #tcontentsidebar */

/* RESET FORMATTING (positioning) *****************************/

	html  { width:7in; height:auto; overflow:visible; }
	body  { width:6.9in; height:auto; overflow:visible; }



/* OBJECTS ***********************************/

	.sectioncontent {
		border: 0px solid #ccc;
		}


	#DirectionControl { display: none; }


/* HEADER ************************/

	#header {
		position: static;
		top: 0px; left:0px; width:100%; height:100px;
		background: green;
		}
	

	#header-menu {
		position: static;
		bottom: 0px; right:0px;
		}


/* FOOTER ************************/

	#footer {
		/* display: none;  enlver avec header */
		position: static;/* fixed; */
		bottom: 0px;/* 0px fixed */
		left:0px; 
		width:100%; height: 15px; /* 15px; */
		}

/* TABBAR **************************************/
	#tabbar {
		position:static;
		top: 100px; left:0px; width:100%; bottom:auto;
		height: 20px; 
		}


/* CONTENT *************************************/

	/* CONTENT ACTIONS *****************************/
	#actions {
		position:static;
		top:0px;
		right:0px;
		}

	#content {
		position: static; 
		top:0em; left:0px; bottom:auto;  right:auto; width:100%; height:auto ;
		overflow:visible; overflow-x:visible; overflow-y:visible;
		border: 0px solid #ccc;
		}

	#tAfterHeaderContent{
		position:static;
		top:0em; left:0px; bottom:auto;  right:auto; width:100%; height:auto ;
		}

	#tcontentsidebar {
		position:static;
		top:0em; left:0px; bottom:auto;  right:auto; width:100%; height:auto ;
		overflow:visible; overflow-x:visible; overflow-y:visible;
		}

	#tcontent {
		position:static;
		top:0em; left:0px; bottom:auto;  right:auto; width:100%; height:auto ;
		overflow:visible; overflow-x:visible; overflow-y:visible;
		}
	
/* SECTIONS **********************************/

	#tcontent #section-carte { page-break-before: always;}

	#tcontent #section-carte div.sectioncontent {
		position:static;
		top:0em; left:0px; bottom:auto;  right:auto; width:100%; height:auto ;
		}

	#tcontent #carte {
		position:relative;
		top:0em; left:0px; bottom:auto;  right:auto; width:100%; height:7.5in ;
		}

	#section-instructions  table {
		width:100%;
		}
	/* #section-instructions  { page-break-before: always;} */

	#it-options { display: none; }

	a.jz-sect-option { display: none; }


/* fullscreen ***********************************/


	body.fullscreen #content {
		top: 0px;
		}


}