

/****** BLOG ****************************************************************/

#cms .cityblog{margin-bottom:10rem;}

#cms .cityblog p {text-align:justify;}


#cms .cityblog p a,
#cms .cityblog p a:visited,
#cms .cityblog p a:focus { 
	border-bottom-width:1px;
	border-bottom-style:solid;
    padding-bottom: 0px;
	color: #000;
}

#cms .cityblog p a:hover { 
	border-bottom-style:dotted;
}


#cms .cityblog h1, 
#cms .cityblog .h1 {margin-bottom: 2rem;}

#cms .cityblog h2, 
#cms .cityblog .h2 {margin-top: 4rem;}

#cms .cityblog h2.section_categorie, 
#cms .cityblog .h2.section_categorie {
	background-color:#f7f7f7;
	padding: 1rem 2rem;
}

#cms .cityblog .blog_colonnes + .section_categorie {
    margin-top: 10rem;
}

	#cms .cityblog h2 img, 
	#cms .cityblog .h2 img {height:3rem; width:auto !important; margin-left:1rem; margin-top:-0.6rem;}


#cms .cityblog h3, 
#cms .cityblog .h3 {font-size: 1.8rem;margin-top: 3rem;}

	#cms .cityblog .blog_colonne > h3:first-child, 
	#cms .cityblog .blog_colonne > .h3:first-child {margin-top: 0rem;}

#cms .cityblog h4, 
#cms .cityblog .h4 {font-size: 1.5rem;margin-top: 3rem;}


#cms .cityblog hr + h2 {margin-top: 0;}
#cms .cityblog h2 + h3 {margin-top: 2rem;}
#cms .cityblog h3 + h4 {margin-top: 2rem;}


#cms .cityblog .btn-lg{font-weight:700; margin: 2rem 0 0;}

#cms .cityblog b{color:#4bc1ec; font-weight:700;}





#cms .cityblog .blog_colonnes{
	display:flex;
	flex-direction : row;
	margin: 3rem -1.5rem 0;
}
	
	#cms .cityblog .blog_colonnes.photo_gauche{
		display:flex;
		flex-direction : row-reverse;
	}
	
	#cms .cityblog .blog_colonnes + .blog_colonnes {margin-top: 10rem;}

	#cms .cityblog .blog_colonnes + h2 {/*margin-top: 6rem;*/}
	
	#cms .cityblog .blog_colonnes img {
		margin-bottom: 0;
	}

	.cityblog .blog_colonne{padding: 0 1.5rem;}
		
	.cityblog .blog_colonne:nth-child(odd){flex:60%;}
	.cityblog .blog_colonne:nth-child(even){flex:40%; margin-bottom: 1.5rem;}
	
	
		#cms .cityblog .blog_colonne h2:first-child {margin-top: 0;}
		
		
		


.cityblog hr{
	margin: 6rem 0;
}



.cityblog table {
	width:100%;
}
	
	.cityblog h2 + table,
	.cityblog table + p {margin-top: 2rem;}


	.cityblog table th,
	.cityblog table td {
		border: 1px solid #e9e9e9;
		padding:1.0rem 2.0rem;
		text-align: center;
		line-height:1.3;
	}
		
		.cityblog table th {font-weight:bold;}
		.cityblog table tbody th {text-align: left;}
		
		.cityblog table th.nob_left,
		.cityblog table td.nob_left {border-left:none;}
		
		.cityblog table th.nob_top,
		.cityblog table td.nob_top {border-top:none;}
	
	.cityblog table th em{
		display: block;
    	font-size: 1.2rem;
		font-weight:400;
		margin-top:0.5rem;
	}




.parametres{
	margin: 6rem 0 1rem;
	font-size:1.2rem;
}

h1 + .parametres,
h1 + link + .parametres{
	margin: 1rem 0 1rem;
}

	.parametres .auteur{
		font-style:italic;
		font-weight:400;
	}

		.parametres .auteur > span:after,
		.parametres .auteur > span + span:after{
			content: " | ";
			display:inline-block;
			margin-right:0.5rem;
			margin-left:0.5rem;
		}

		.parametres .auteur > span:last-child:after{display:none;}

	.parametres .organisation{display:none;}




/****************************************/

/****** GARES ****************************************************************/





/****************************************/



/****** CGV ****************************************************************/


.cms-content .cgv{
    line-height:1.3;
}

.cms-content .cgv h1{
   	font-size: 2.8rem !important;
}
.cms-content .cgv h2{
   	font-size: 1.8rem !important;
}

.cms-content .cgv h3{
   	margin: 1.2rem 0 0.2rem;
}


.cms-content .cgv p,
.cms-content .cgv li{
    font-size: 1.3rem;
}


.cms-content .cgv p{
    margin-bottom: 7px;
}


.cms-content .cgv ul li, 
.cms-content .cgv ul.liste li {
    background-position: 0 5px !important;
}


/****************************************/


@media handheld, only screen and (max-width: 1200px) {

	#cms .cityblog h1, 
	#cms .cityblog .h1,
	#cms .cityblog h2, 
	#cms .cityblog .h2,
	#cms .cityblog h3, 
	#cms .cityblog .h3,
	#cms .cityblog h4, 
	#cms .cityblog .h4{text-align:left;}
	
	#cms .cityblog p{text-align:justify;}

	
}

@media handheld, only screen and (max-width: 991px) {

	#cms .cityblog h1, #cms .cityblog .h1 {font-size: 3.0rem;}
	#cms .cityblog h2, #cms .cityblog .h2 {font-size: 2.4rem;}
	#cms .cityblog h3, #cms .cityblog .h3 {font-size: 1.8rem;}
	#cms .cityblog h4, #cms .cityblog .h4 {font-size: 1.5rem;}

	#cms .cityblog .blog_colonnes,
	#cms .cityblog .blog_colonnes.photo_gauche {
    	flex-direction: column;
		margin-top:0;
	}
	
	#cms .cityblog .blog_colonnes + .blog_colonnes {margin-top: 4rem;}
	
	#cms .cityblog .blog_colonne h2:first-child { margin-top: 3rem;}
	#cms .cityblog hr + .blog_colonnes > .blog_colonne > h2:first-child{margin-top: 0rem;}
	
	#cms .cityblog .blog_colonne {flex:1;}
	
	.cityblog .blog_colonne:nth-child(even){margin-top: 3rem;margin-bottom: 0rem;}

	
}

@media handheld, only screen and (max-width: 575px) {
	#cms .cityblog{padding-right: 1.5rem; padding-left: 1.5rem;}
	
	.cityblog table th,
	.cityblog table td {padding:0.6rem 1.0rem;}

}