/*////////////////////////                       ////////////////////
/////////////////////////                       /////////////////////
////////////////////////                       //////////////////////   
///////////////////////       CSS GLOBAL      ///////////////////////
//////////////////////                       ////////////////////////
/////////////////////                       /////////////////////////
////////////////////                       ////////////////////////*/

/* /////////// GENERAL */
	.blog, .article{
		margin-top:100px;
		margin-bottom:150px;
	}

	.titre_categorie{
		font-family:'Titre';
		font-size:26px;
		margin-bottom:0.5vw;
	}
/* GENERAL /////////////

/* ////////// RESUME ARTICLES */
	/* ////////// ARTICLE PRINCIPAL */
		.sommaire_article_principal {
			padding:15px;
			display:flex;
			align-items:center;
			margin-bottom:1.5vw;
		}
		.sommaire_article_principal .image_article{
			background-size: cover;
			background-position: center;
			height:20vw;
		}
		.sommaire_article_principal img{
			display:none;
		}

		.sommaire_article_principal .descriptif_article{
			padding-left:2.5vw;
		}

		.sommaire_article_principal .titre_article {
			font-family: 'Titre';
			font-size:3vw;
			line-height: 110%;
			margin-bottom:0.8vw;
			color:black;
		}

		.sommaire_article_principal .resume_article{
			margin-top:1vw;
		}

		.sommaire_article_principal .resume_article span a{
			color:#497982;
		}
	/* ARTICLE PRINCIPAL ////////// */	

	/* /////////// VIGNETTES ARTICLES */
		.contenant_sommaire_articles{
			display:flex;
			align-items:flex-start;
			align-content:flex-start;
			flex-wrap:wrap;
		}
		.sommaire_article {
			padding:15px;
		}
		.sommaire_article .image_article{
			background-size: cover;
			background-position: center;
			width:100%;
			height:15vw;
			margin-bottom:0.5vw;
		}
		.sommaire_article  img{
			display:none;
		}

		.sommaire_article .titre_article {
			font-family: 'Titre';
			font-size:16px;
			margin-top:0.6vw;
			margin-bottom:0.2vw;
		}

		.sommaire_article .titre_article a{
			color:black;
		}

		.sommaire_article .resume_article span a{
			color:#497982;
		}
	/* VIGNETTES ARTICLES ////////// */

/* ////////// PAGE ARTICLE */
	.article .categorie_article{
		font-family:'Titre';
		font-size:1.2vw;
	}
	.article .titre_article{
		font-family:'Titre';
		font-size:3vw;
		text-align:center;
		padding-top:1vw;
		padding-bottom:1.5vw;
		border-bottom:solid 1px #FCA43B;
	}

	/* infos article */
		.article .infos_article{
			border-bottom:solid 1px #FCA43B;
			font-family:'Titre';
			font-size:16px;
			text-align:center;
			padding-top:.2vw;
			padding-bottom:.2vw;
			display:flex;
			justify-content:space-between;
			align-items:center;
			flex-wrap:wrap;
		}
		.article .inscription_newsletter{
			text-align:center;
			padding-top:.5vw;
			padding-bottom:.5vw;
		}
		.article .inscription_newsletter a{
			font-size:1.4vw;
		}
		.article .infos_article .date_publication{
		}

		.boutons_reseaux_sociaux{
			font-size:5px;
		}

		.boutons_reseaux_sociaux span{
			margin-right:2px;
		}


		.bouton_like{
			margin-top:-1px;
			line-height:auto;
			display:flex;
			align-items:center;
			font-size:20px;
			text-decoration:none;
		}
		.bouton_like:hover{
			text-decoration:none;
		}

		.bouton_like .glyphicon{
			margin:3px 5px 0 0;
			font-size:28px;
		}

	/* article classique */
		.article .image_article{
			margin-top:1vw;
			margin-left:5%;
			width:90%;
		}
		.article .contenu_article{
			margin-top:1vw;
			font-size:1.2vw;
			line-height:1.6vw;
			text-align: justify;
		}

		.article .contenu_article h2{
			font-family:'Titre';
			font-size:1.7vw;
			margin-left:2vw;
		}

		.article .contenu_article h3{
			font-family:'Texte';
			font-size:1.5vw;
			margin-left:2vw;
		}

		.article .contenu_article span{
			font-family:'Titre';
			font-size:1.2vw;
		}

		.article .contenu_article .nomenclature_etoiles{
			font-size:0.9vw;
		}

		.article .container_publicite{
			font-family:'Titre';
			font-size:1.1vw;
			position:fixed;
			left:60%;
			margin-bottom:300px;
		}
		.article .container_publicite .inscription_newsletter{
			text-align:center;
			padding-top:.5vw;
			padding-bottom:.5vw;
		}
		.article .publicite_lps{
			border-radius:10px;
			line-height: 2.8vw;
			padding:2vw;
			padding-top:0.01vw;
			margin-bottom:0.5vw;
		}

		.article .bouton_partager{
			text-align: center;
		}

		.article .publicite_lps h2{
			font-size:1.6vw;
			margin-top:2vw;
			margin-bottom:-1.8vw;
		}

		.article .publicite_lps h3{
			font-size:1.2vw;
			margin-top:2vw;
			margin-bottom:1vw;
		}

		.article .publicite_lps ul{
			padding-left:1vw;
			list-style-type: none;
		}

		.article .publicite_lps li{
			display:flex;
			align-items: center;
		}

		.article .publicite_lps .bouton_publicite{
			text-align: center;
		}
		.article .publicite_lps .fa, .article .publicite_lps .glyphicon{
			font-size:1.8vw;
		}

		.article .container_publicite .infos_article{
			border:none;
			border-top:solid 1px #2b3a41;
			border-bottom:solid 1px #2b3a41;
		}

		.fin_article{
			border-top:solid 1px #FCA43B;
			padding-top:5px;
			margin-top:25px;
		}

	/* vignette agenda */
		.bloc_evenement_agenda .nom_ville{
			margin-top:20px;
		}
		.bloc_evenement_agenda .jour{
			margin-top:20px;
			margin-left:20px;
			font-style:italic;
			font-size:1.2vw;
		}

		.evenement_agenda{
			margin-top:10px;
			padding:10px;
			border-radius:10px;
			display:flex;
			align-items:stretch;
		}
		.evenement_agenda .bloc_photo_evenement{
			padding:0;
		}
		.evenement_agenda .bloc_photo_evenement a{
			margin:0;
			padding:0;
			width:100%;
			height:100%;
		}
		.evenement_agenda .bloc_photo_evenement img{
			margin:0;
			height:100%;
			max-height:12vw;
			width:100%;
			object-fit: cover;
		  object-position: center;
			transition-duration: .5s;
			border-radius:5px;
		}
		.evenement_agenda .bloc_photo_evenement img:hover{
			opacity:0.6;
			object-position:40% 0%;
		}

		.evenement_agenda .bloc_description_evenement{
			padding-left:10px;
		}
		.evenement_agenda .bloc_description_evenement h2{
			font-size:1.7vw;
			margin:0;
		}
		.evenement_agenda .bloc_description_evenement h3{
			font-family:'Titre';
			font-size:1.1vw;
			margin:0;
		}
		.evenement_agenda .bloc_description_evenement h4{
			font-size:0.9vw;
			margin-top:5px;
		}
		.evenement_agenda .bloc_description_evenement .infos_pratiques{
			font-size:1.1vw;
			color:black;
		}
		.evenement_agenda .bloc_description_evenement .infos_pratiques .glyphicon{
			margin:5px;
			font-family: 'Glyphicons Halflings';
		}


/* PAGE ARTICLE  //////////*/

/* ////////// HEADER */
	.header_navbar_blog{
		background-color:white;
    position: fixed;
    z-index: 6;
    list-style-type:none;
    box-shadow: 0px 1px 1px grey;
    padding-top:5px;
    padding-bottom:5px;
    height:auto;
    border-bottom: solid 3px #497982;
	}

	.container_navbar_blog{
		margin:0px;
    padding:0px 10px 0px 10px;
	}

	/* HEADER > Zone LOGO */
		.header_blog_zone_logo{
			margin:0px;
		}

		.header_blog_ancre_zone_logo{
	    padding-left:5px;
	    margin:0px;
	    display:flex;
	    align-items: center;
		}

		.header_blog_logo{
			margin-top:3px;
			height:44px;
		}


	/* HEADER > Zone MENU */
		.header_blog_zone_menu{
	    margin:0px;
		}

		.header_blog_zone_menu .navbar-right{
			margin-right:5px;
	   }

	  .header_blog_ancre_menu{
	    font-size:17px;
	  }

		.header_blog_ancre_menu, .header_blog_ancre_menu:visited, .header_blog_ancre_menu:link{
			font-family: 'Titre';
	    color:#497982;
		}

		.lien_lps, .lien_lps:visited, .lien_lps:link{
	    color:white; 
	    border:solid;
	    border-color:transparent;
		}

		.header_blog_ancre_menu:hover{
			border-bottom:solid #F15B40;
			background-color: red;
		}

		.lien_lps:hover{
	    color:#F15B40;
	    background-color: #497982; 
	    border:solid #F15B40; 
		}

		/* Bouton Collapse */
			.bouton_header_blog{
		    border:1px lightgrey solid;
		    font-size:25px;
		    font-color:white;
		    padding:10px;
			}

			.barre_bouton_menu_blog{
				color:#497982;
				border:solid 2px;
				font-size:160px;
			}
/* </HEADER> ///////// */

/* ////////// FOOTER */
  footer{
    padding-top:15px;
	  position: absolute;	
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  bottom:0;
	  height: 120px;
  }

  .titre_footer{
    color:white;
    font-family: 'Titre';
    font-size: 15px;
    margin-top:15px;
  }

  .footer ul{
    padding-left:20px;
  }

  .footer li{
    list-style-type: none;
  }

  .footer li>a{
    font-family:'Titre';
  }

  .footer li>a:hover{
    color:white;
    text-decoration:none;
  }

  footer .navbar-toggle{
    font-family: 'Titre';
    color:white;
  }

  /* MODAL FOOTER */
  	.modal-body, .modal-footer{
  		padding:10px;
  	}
    .modal_contact label{
    	font-size:14px;
      width:120px;
    }

    .modal_contact textarea{
      height:120px;
    }

    .modal_contact input{
    	font-size:14px;
      padding-left:5px;
    }

    .modal_contact .bouton{
    	margin-top:10px;
    	padding:10px;
    }
/* </FOOTER> ///////// */

	  /* MODALE INSCRIPTION NEWSLETTER */
	  	.modal_newsletter .modal-body, .modal_newsletter .modal-footer, .modal_newsletter .modal-header{
	  		padding:10px;
	  	}
	    .modal_newsletter label{
	    	margin-left:40px;
	    	font-size:14px;
	      width:100px;
	    }
	    .modal_newsletter select{
	    	margin-left: 38%;
	    	font-family: 'Titre';
	    	width:24%;
	    	margin-top:15px;
	    	margin-bottom: 25px;
	    }
	    .modal_newsletter input{
	    	font-size:14px;
	      padding-left:5px;
	      width:200px;
	    }
	    .modal_newsletter .intro_newsletter{
	    	font-size:14px;
	    	text-align: center;
	    	padding-left:20px;
	    	padding-right: 20px;
	    }
	    .modal_newsletter .bouton{
	    	float:right;
	    	margin-top:-40px;
	    	margin-right:10px;
	    	padding:10px;
	    }

/* /////// MEDIA QUERIES (RESPONSIVITE) */
		/* XS devices */
		@media (max-width:768px) {
			.titre{
				font-size: 24px;
			}

			body{
				margin-bottom:70px;
			}

			footer{
				height:auto;
			}
			.header_blog_navbar{
				height:auto;
			}
			.header_blog_logo{
				margin-top:5px;
				height:48px;
				margin-left:10px;
			}
		  .header_blog_ancre_menu{
		    font-size:15px;
		  }


		  .sommaire_article_principal{
		  	flex-wrap:wrap;
		  }
		  .sommaire_article_principal .descriptif_article{
		  	margin-top:2vw;
		  }

		  .sommaire_article_principal .titre_article {
				font-size:5vw;
			}

		  .sommaire_article_principal .image_article{
		  	height:40vw;
		  }

		  .sommaire_article .image_article{
		  	height:25vw;
		  }

		  .article .categorie_article{
				font-size:2.5vw;
			}

			.article .titre_article{
				font-size:5vw;
			}

			.article .infos_article{
				font-size:12px;
			}

			.bouton_like{
				font-size:12px;
			}
			.bouton_like .glyphicon{
				font-size:16px;
			}

			.article .image_article{
				margin-top:3vw;
				margin-bottom:3vw;
				margin-left:15%;
				width:70%;
			}
			.article .contenu_article{
				font-size:3vw;
				line-height:4vw;
			}

			.article .contenu_article h2{
				font-family:'Titre';
				font-size:4vw;
				margin-left:4vw;
			}
			.article .contenu_article h3{
				font-family:'Texte';
				font-size:3.5vw;
				margin-left:4vw;
			}

			.article .contenu_article span{
				font-family:'Titre';
				font-size:3vw;
			}

			.article .contenu_article .nomenclature_etoiles{
				font-size:2vw;
			}

			.article .inscription_newsletter a{
				font-size:4vw;
			}

			/* vignette agenda */
				.bloc_evenement_agenda .jour{
					margin-top:10px;
				}
				.evenement_agenda{
					margin-top:10px;
					padding:10px;
					border-radius:10px;
				}
				.evenement_agenda .bloc_photo_evenement img{
					max-height:25vw;
				}
				.evenement_agenda .bloc_description_evenement{
					padding-left:10px;
				}
				.evenement_agenda .bloc_description_evenement h2{
					font-size:3vw;
					margin:0;
				}
				.evenement_agenda .bloc_description_evenement h3{
					font-size:2.2vw;
					margin:0;
				}
				.evenement_agenda .bloc_description_evenement h4{
					font-size:1.9vw;
					margin-top:5px;
				}
				.evenement_agenda .bloc_description_evenement .infos_pratiques{
					font-size:2vw;
					color:black;
				}
				.evenement_agenda .bloc_description_evenement .infos_pratiques .glyphicon{
					margin:5px;
					font-family: 'Glyphicons Halflings';
					font-size:2.5vw;
				}

		}

		/* SM devices */
		@media (min-width: 768px) and (max-width: 992px) {
			.titre{
				font-size: 27px;
			}
		  .header_blog_ancre_menu{
		    font-size:14.5px;
		  }

		  .sommaire_article .image_article{
		  	height:25vw;
		  }
		}

		/* MD devices */
		@media (min-width: 992px) and (max-width: 1200px) {
			.titre{
				font-size: 30px;
			}
		}

		/* LG devices */
		@media (min-width: 1200px) {}
/* </MEDIA QUERIES (RESPONSIVITE)> /////// */