/* Stylesheet */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	background-color: #E8E8E8;
	margin: 0em;
	padding: 0em;
}

a, a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; color: #000; }
a.internal-link, a.internal-link:visited { font-size: 11px; }
a.external-link, a.external-link:hover, a.external-link:visited { color: #ED1C2E; }
a.mail, a.mail:hover, a.mail:visited { color: #ED1C2E; }
.align-center { text-align: center; }
.align-right { text-align: right; }

a.grandlyoncom { position:absolute; margin:1.36em 0 0 50em; display:block; width:27em; height:5em; background:url(/clear.gif); }

.texteRouge, .texteRouge a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ED1C2E; font-size: 11px; /*text-decoration: none;*/ }
.texteNoirGras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold; }
.texteGrix10px {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #717070}
.texteBleu { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000099; font-size: 11px; text-decoration: none; }
.texteBleuGras { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px; text-decoration: none; }

/******************************************************************************/
DIV.container {
	_position: absolute;
  _top: 0em;
  _left: 50%;
  width: 90.72em;
  margin-left: auto;
	_margin-left: -45.36em;
  margin-right: auto;
  margin-top: 0em;
  padding: 0.00em;  
}

DIV#imageEntete { width: 90.72em; height: 7.73em; margin: 0em; background-color:#E02222; }
DIV#imageEntete img { width: 90.72em; height: 7.73em; }

/* VERSION en DIV *****************************************/
DIV.content { float: left; width: 57.27em; background-color: #FFFFFF; padding: 0em; margin: 0em; /*overflow-x: hidden;*/ }
DIV.contentColumns { width: 56.00em; margin-left: 1.27em; }
DIV#contentLeft, DIV#contentRight { float: left; width: 27.63em; _width: 27.45em; overflow: hidden; }
*+html DIV#contentLeft { float: left; width: 27.45em; overflow: hidden; }
*+html DIV#contentRight { float: left; width: 27.45em; overflow: hidden; }
DIV#contentLeft div.conteneur div.csc-textpic-above dl dt img { border-bottom: 0.09em dashed; }
DIV#contentRight div.conteneur div.csc-textpic-above dl dt img { border-bottom: 0.09em dashed; }
DIV#contentLeft div.conteneur ul, DIV#contentRight div.conteneur ul { margin: 0em 0em 1em 2.5em; padding: 0em;}
DIV#contentBorder { width: 57.27em; }

DIV#col_right { float: left; width: 18.89em; padding: 1em 0em 0em 0em; background-color: transparent; background-image: url(/fileadmin/templates/main/images/top.gif); background-repeat: repeat-x; }
DIV#col_right div.conteneur,
DIV#col_right div.conteneurTitre { width: 16.56em; margin: 0em 1.15em 0em 1.15em; overflow: hidden;}
DIV#col_right div.conteneur p.bodytext { margin: 1em; }
DIV#col_right div.conteneur div.csc-textpic-above img { width:16.56em; height: auto; _height:; }

DIV#info_right {
	float: left;
	width: 14.48em;
	background-image: url(/fileadmin/templates/main/images/top.gif);
	background-repeat: repeat-x;
	padding-top: 1.00em;
}
DIV#info_right IMG.mainImage { width: 14.48em; height: 54.55em; }

DIV#hidden_link { display: none; }

DIV#piedDePage {
	float: left;
	clear: both;
	width: 90.72em;
	text-align: center;
	padding: 0.2em 0em 0.2em 0em;
	background-color: #9F9F9F;
	color: #FFFFFF;
}
DIV#piedDePage a { color: #FFFFFF; }

div#return { clear:both; margin: 1em 0em 1em 1em; }
div.retourPage { clear:both; margin: 1em 0em 1em 1em; }
div#return a, div#return a:visited, div#return a:hover { font-size: 10px; font-weight:bold; background-image: url('/fileadmin/templates/main/images/fleche_retour.gif'); background-repeat: no-repeat; background-position: 4em 0.09em; padding: 0em 1.63em 0em 0em; }
div.retourPage a, div.retourPage a:visited, div.retourPage a:hover { font-size: 10px; font-weight:bold; background-image: url('/fileadmin/templates/main/images/fleche_retour.gif'); background-repeat: no-repeat; background-position: 4em 0.09em; padding: 0em 1.63em 0em 0em; }

/******************************************************************************/
/* MENUS DU HAUT :	*/

DIV#menu_langue {
	position:relative;
	float: right;
	width: 6em;
	text-align: center;
	margin-top: -2em;
	padding-top: 0.45em;
}

DIV#menu_top {}
DIV#menu_top ul {
	width: 90.72em;
	height: 2em;
	background: url(/fileadmin/templates/main/images/fond_menu.gif);
	background-repeat: repeat-x;
	margin: 0em;
	padding: 0em;
}
DIV#menu_top li { 
	position: relative;
	float: left;
	margin: 0em;
	list-style: none;
	border-right:1px solid #FFF;
}
DIV#menu_top li a, DIV#menu_top li a:visited, DIV#menu_top li a:hover {
	display: block;
	margin-top: 0.09em;
	/*font-size: 12px;
	padding: 0.25em 1.9em 0.25em 1.9em;*/
	padding: 0.30em 2.45em 0.36em 2.45em;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
DIV#menu_top li a:hover {
	background: url(/fileadmin/templates/main/images/bgmenu_on.gif);
	background-repeat: repeat-x;
	color: #666666;
}

/******************************************************************************/

DIV.csc-header h1, DIV.csc-textpicHeader h1, DIV.csc-header h2, DIV.csc-textpicHeader h2 {
	font-size: 11px;
	/*text-transform: uppercase;*/
	margin: 0em;
	padding: 0.1em 0.1em 0.1em 0.5em;
	background-color: #666666;
	color: #FFFFFF;
	height: 1.27em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
DIV.csc-header h1.bleu, DIV.csc-header h2.bleu { background-color: #00B2EB; }
DIV.csc-header h1.rouge, DIV.csc-header h2.rouge { background-color: #EE1C23; }

DIV.csc-frame-rulerBefore { border-top: 1px solid #000; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #000; }

DIV.csc-textpic p.bodytext { position: relative; margin: 1em 0em 1em 0em; z-index: 1; }
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image { margin: 0em; }
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image a,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image a { position: relative; z-index: 2; }

*+html div.csc-textpic-text { padding-top: 1em; }

div.conteneurTitre, div.conteneur { margin: 0em 1em 0em 0.6em; }
div.conteneur { clear:both; border-bottom: 0.09em dashed; background-color: #FFF; }
div.conteneurHTML { margin:0em; padding: 0em 1em 0em 1em; }
div.conteneur p.bodytext { padding: 0em 0.5em 0em 0.5em; }
*+html div.conteneur .csc-textpic-intext-left .csc-textpic-imagewrap { margin-top: 0em; }
*+html div.conteneur .csc-textpic-intext-right .csc-textpic-imagewrap { margin-top: 0em; }
div.conteneur .csc-textpic-intext-left .csc-textpic-imagewrap,
div.conteneur .csc-textpic-intext-right .csc-textpic-imagewrap { margin-top: -1em; _margin-top: 0em; }
div.conteneur table { font-size: 11px; }
div.conteneur table th { background-color: #EFEFEF; }
div.conteneur div.piedDeConteneur { float: bottom; clear: both; }

DIV.accesTarifs { position: relative; top: -2em; left: 40.54em; width: 15.5em; padding: 0.27em 0em 0.27em 0.5em; background-color: #666666; }
DIV.accesTarifs a, DIV.accesTarifs a:hover, DIV.accesTarifs a:visited { color: #FFFFFF; }

DIV.menuTitreImage { position:relative; float: right; right:0.5em; clear: both; margin-top: -4em; width: 38.5em; text-align:center; color: #E02222; }
DIV.menuTitreImage ul { margin: 0em; padding: 0em; }
DIV.menuTitreImage li { float: left; margin-right: 1.5em; list-style: none; font-size: 16px; font-weight: bold; font-family: Arial; }
DIV.menuTitreImage a, DIV.menuTitreImage a:visited { text-decoration: underline; color: #848282; }
DIV.menuTitreImage a:hover { text-decoration: none; color: #E02222; }

/******************************************************************************/
/* Inscription a la Newsletter : */

div.newsletter_subscrip_create fieldset,
div.newsletter_subscrip_edit fieldset,
div.newsletter_subscrip_infomail fieldset { margin-top: 1em; padding: 1em; }
div.newsletter_subscrip_create label, div.newsletter_subscrip_edit label { color: #FF0000; }
div.newsletter_subscrip_create_category label, div.newsletter_subscrip_edit_category label { color: #000000; }
div.newsletter_subscrip_categ label { float: left; margin-top: 0.18em; width: 15em; }
div.newsletter_subscrip_create_submit, div.newsletter_subscrip_edit_submit { text-align: center; }
div.newsletter_subscrip_infomail input { margin: 0.72em 0em 0em 1em; }

.texteGras { font-weight: bold; }
.texteRougeGras { font-size: 11px; color: #ED1C2E; font-weight: bold; text-decoration: none ; }
.titreRougeGras, a.titreRougeGras { font-size: 11px; color: #FF0000; font-weight: bold; }

/******************************************************************************/
/* Plan des pistes cyclabes : */

div.planPistes { margin: 0em 1em 0em 0.6em; text-align: center; border-bottom: 0.09em dashed; }
div.planPistes img { border: 0em; width: 590px; height: 488px; }

/******************************************************************************/
/* Phototheque */

div.phototheque-gl { padding: 1em; }
div.phototheque-gl td { line-height: 1.27em; _line-height: 1em; }
div.phototheque-gl a, div.phototheque-gl a:hover, div.phototheque-gl a:visited { font-size: 11px; color: #ED1C2E; }
div.phototheque-gl .texteNoir { font-size: 12px; font-weight: bold; text-decoration: underline; line-height: 16px; }

/******************************************************************************/
/* FAQ */
ol { font-size: 11px; margin-top: 1em; }
li.faqtitle a, li.faqtitle a:hover, li.faqtitle a:visited { color: #ED1C2E; font-size: 11px; }
div#tx_faq_single .faqtitle {  font-size: 11px; margin: 0em 0em 1em 2em; padding-left: 1.27em; background-image: url('/typo3conf/ext/faq/pi1/fleche_triangleRouge.jpg'); background-repeat: no-repeat; background-position: 0em 0.09em; font-weight: bold; }
div#tx_faq_single .faqimage { float: right; margin-left: 1em; }
div#tx_faq_single p { margin-left: 4em; }
div#tx_faq_single a img { margin-left: 2em; border: 0em; }
div#tx_faq_single a, div#tx_faq_single a:hover, div#tx_faq_single a:visited { color: #ED1C2E; text-decoration: none; }
div#tx_faq_single div.retourPage a,
div#tx_faq_single div.retourPage a:visited,
div#tx_faq_single div.retourPage a:hover { color:#000; font-size: 10px; font-weight:bold; background-image: url('/fileadmin/templates/main/images/fleche_retour.gif'); background-repeat: no-repeat; background-position: 4em 0.09em; padding: 0em 1.63em 0em 0em; text-decoration: underline; }
div#tx_faq_single div.retourPage a:hover { text-decoration: none; }

/******************************************************************************/
/* ACTUS */

div.news-latest-container { border: 0em; }
div.news-latest-item { padding: 0em; margin: 0.27em 1em 1.27em 0.27em; border: 0em; }
span.news-latest-category { text-transform: uppercase; font-weight: bold; }
div.news-latest-texte { margin: 0.36em 0em 0.36em 0em; }
span.news-latest-date { font-size: 11px; }
div.news-latest-morelink { height: 1.09em; padding: 0em 0em 0.36em 0em; }

div.news-latest-item .flecheRouge,
div.news-list-item .flecheRouge { padding-left: 1.45em; background-image: url('/fileadmin/templates/main/images/fleche_triangleRouge.gif'); background-repeat: no-repeat; background-position: 0em 0.09em; }

div.news-list-container { border: 0em; border-bottom: 0.09em dashed; }
div.news-list-item { padding: 0em 0.27em 0em 0.27em; margin: 0.27em 0em 2em 0em; border: 0em; }
span.news-list-category { text-transform: uppercase; }
div.news-list-texte { margin: 0.36em 0em 0.36em 0em; }
div.news-list-morelink  { margin-bottom: 0.27em; }
span.news-list-date { font-size: 11px; }

/*--------------------------------- tt_news SINGLE view  -----------------------------------*/

div.news-single-item { padding: 1.00em; margin-bottom: 0.45em; border: 0em; }
div.news-single-title { background-image: url('/fileadmin/templates/main/images/flecheTitre_point.jpg'); background-repeat: no-repeat; }
div.news-single-title h1 { font-size: 23px; font-weight: bold; margin-left: 2.9em; padding: 0.35em 0em 0.43em 0em; }
div.news-single-header { float: left; clear: both; border-top: 1px solid #DDD; margin-bottom: 1em; }
div.news-single-date { float: left; width: 17em; padding-top: 0.45em; font-style: italic; }
div.news-single-subtitle { float: right; width: 38.18em; }
div.news-single-subtitle h2 { font-size: 20px; text-align: right; font-weight: bold; font-style: italic; }
div.news-single-content { border: 0em; }
div.news-single-image { float: right; padding-left: 1em; }
div.news-single-img { float: right; margin-left: 5px; }
div.news-single-imgcaption { padding: 0.33em; clear: both; font-size: 9px; color: #717070; }
div.news-single-item h3 { margin-top: 2em; margin-bottom: 1.27em; font-size: 11px; color: #000; text-decoration: none; font-weight: bold; }
div.news-single-item p { text-align: justify; margin-bottom: 1em; }
div.news-single-savoirplus { margin: 1.55em 0em 0.45em 0em; }
div.news-single-savoirplus-img { margin-bottom: 1em; padding: 0.36em 0em 0em 0.27em; border-top: 0.09em solid #DDD; width: 23.64em; }
div.news-single-backlink { clear: both; margin-top: 1em; }
div.news-single-backlink a, div.news-single-backlink a:visited, div.news-single-backlink a:hover { color: #000; font-weight: bold; font-size: 10px; background-image: url('/fileadmin/templates/main/images/fleche_retour.gif'); background-repeat: no-repeat; background-position: 4em 0.09em; padding-right: 1.63em;  }

/*--------------------------------- tt_news MARQUEE view  -----------------------------------*/

div.news-scrolling div.news-scrolling-boxtitle {	font-size: 11px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	margin: 0em;
	padding: 0.1em 0em 0.1em 0em;
	background-color: #EE1C23;
	color: #FFFFFF;
	height: 1.27em;
	font-family: Arial, Verdana, Helvetica, sans-serif;}
div.news-scrolling div.news-scrolling-boxtitle span { margin-left: 0.5em; }
div.news-scrolling-mainbox { text-align:left; margin:0 auto; }
div.news-scrolling div.news-scrolling-innerbox { margin: 0em 1em 0em 1em;}
div.news-scrolling div.news-scrolling-date { font-weight: bold; color: black; }
div.news-scrolling div.news-scrolling-text { color: black; }
div.news-scrolling div.news-scrolling-item { margin-bottom: 1.82em; }


/******************************************************************************/
/* PLUGIN STATIONS VELOV */
div.stationsvelov-title h2 { font-size:11px; margin:0em; padding:0.1em 0.1em 0.1em 0.5em; background-color:#666666; color:#FFFFFF; height:1.27em; font-family:Arial, Verdana, Helvetica, sans-serif; }

div.stationsvelov-single-image { float:right; }
div.stationsvelov-single-near ul { margin-top: 0em; }

/******************************************************************************/
/* PLUGIN QUESTIONNAIRE */
div.tx-pbsurvey-pi1 { padding:1em; }
div.tx-pbsurvey-pi1 .question { font-size: 100%; }
div.tx-pbsurvey-pi1 .bar { background-color: #CCCCFF; }
div.tx-pbsurvey-pi1 div.bartext, div.tx-pbsurvey-pi1 div.pagenumbering { font-size:100%; text-align:center; }
div.tx-pbsurvey-pi1 .required { vertical-align: top; }
div.tx-pbsurvey-pi1 .questionNumber { padding-right: 0.18em; }
div.tx-pbsurvey-pi1 form fieldset { margin-bottom:1em; }
div.tx-pbsurvey-pi1 div.formbuttons { text-align:center; }
div.tx-pbsurvey-pi1 .matrix .surveyrow_even { background-color: #CCCCFF; }

div.tx-ncpbsurveyfesimplestats-pi1 { padding: 0em 1em 1em 1em; }

/******************************************************************************/

div.pageTitle { background-image:url('/fileadmin/templates/main/images/fondTitre.jpg'); background-repeat:no-repeat; }
div.pageTitle img { float:left; margin:0em 1em 0em 0.63em; }
div.pageTitle h1.mainTitle { font-family:Arial; font-size:24px; font-weight:bold; color:#F4211A; margin:0em; padding:1em 1em 0em 2em; }
div.pageTitle div.subTitle { font-family:Arial; font-size:16px; font-weight:bold; color:#6C6C6C; padding:0.25em 1em 0em 3em; }
div.pageTitle div.subTitle div.tabulation { float:left; width:1em; height:1em; }
div.pageTitle div.espaceur { clear:both; height:1em; }

/******************************************************************************/
/* BLOC METEO */

div#meteolyon { padding:1em 0em 1em 0em; text-align:center; background-color:#FFF;}
div#meteolyon iframe { width:132px; height:130px; _height:125px; }

/******************************************************************************/
/* RTE */

.classRte1 			{ font-weight:bold; }
.classRte2 			{ color:red; }
.classRte3 			{ font-style:italic; }
.classRte4 			{ text-decoration:underline; }

.police9px { font-size: 9px; }
.policestd { font-size: 11px; }
.police13px { font-size: 13px; }
.police16px { font-size: 16px; }

.couleurverte 		{ color:#006600; }
.couleurgrise 		{ color:#666666; }
.couleurbleue 		{ color:#000099; }
.couleurbordeaux 	{ color:#990000; }
.couleurrouge 		{ color:#CC0000; }

.margeGauche10px { padding-left:10px; }

table p { margin:0em; padding:0em; }
table p img { border:0; }

/***************************************************************
* FORMULAIRES TYPO3 :
***************************************************************/

/* Page contact : */

DIV.formContact { 
	margin: 0em 2em 0em 2em;
	border-bottom: 0.09em dashed;
	background-color: #EBEBEB;
	background-image: url(/fileadmin/templates/main/images/visu_contact.jpg);
	background-repeat: no-repeat;
	height: 34.82em;
	overflow: hidden;
}
DIV.formContact .csc-mailform { border: 0em; margin: 20px 0px 0px 190px; }
DIV.formContact div.csc-mailform-field { margin-bottom: 2em; clear: both;}
DIV.formContact div.csc-mailform-field label { display: block; float: left; text-align: left; width: 11em; }
DIV.formContact input.csc-mailform-submit { 
	float: right;
	margin-right: 3.36em;
	background-image: url(/fileadmin/templates/main/images/btn_valider.gif);
	background-repeat: no-repeat;
	width: 68px;
	border: 0em;
	cursor: pointer;
}


DIV.formDoc { 
	margin: 0em 2em 0em 2em;
	background-color: #EBEBEB;
	background-image: url(/fileadmin/templates/main/images/bandeau_doc_velov.jpg);
	background-repeat: no-repeat;
	height: 45em;
	
	/*overflow: hidden;*/
	border-bottom: 0.09em dashed;
}
DIV.formDoc .csc-mailform { border: 0em; margin: 0px 0px 0px 190px; }
DIV.formDoc div.csc-mailform-field { margin-bottom: 1em; clear: both;}
DIV.formDoc div.csc-mailform-label { margin-bottom: 1em; margin-top: 2em; clear: both; font-weight: bold;}
DIV.formDoc div.csc-mailform-field label { display: block; float: left; text-align: left; width: 16.82em; }
DIV.formDoc input.csc-mailform-submit { 
	float: right;
	margin-right: 3.36em;
	background-image: url(/fileadmin/templates/main/images/btn_valider.gif);
	background-repeat: no-repeat;
	width: 68px;
	border: 0em;
	cursor: pointer;
}


DIV.formVelov { 
	margin: 0em 2em 0em 2em;
	border-bottom: 0.09em dashed;
	background-color: #EBEBEB;
}
DIV.formVelov .csc-mailform { border: 0em; margin: 20px 0px 0px 50px; }
DIV.formVelov div.csc-mailform-field { margin-bottom: 2em; clear: both;}
DIV.formVelov div.csc-mailform-field label { display: block; float: left; text-align: left; width: 16em; }
DIV.formVelov input.csc-mailform-submit { 
	float: right;
	margin-right: 3.36em;
	background-image: url(/fileadmin/templates/main/images/btn_valider.gif);
	background-repeat: no-repeat;
	width: 68px;
	border: 0em;
	cursor: pointer;
}

/***************************************************************
* MOTEUR DE RECHERCHE FERRET
***************************************************************/
div.titreRecherche { font-family:Arial; text-transform: uppercase;  font-weight:bold;  background-color:#EE1C23; color:white; }
div.titreRecherche label { margin-left:0.5em;}
div.search {margin-left:1.1em;}
div.search input { vertical-align: middle; margin-top:0.3em; background-color:#FDFAFA; }
.tx_searchferret_result_percent{display:none;}
.tx_searchferret_result_number { margin-left:3px; }