@charset "utf-8";
/* CSS Document */
/*************** ACCUEIL ***/
.divAccueilColG{
	display:block;
	float:left;
	width:73%;
	margin-right:2%;
}
.divAccueilColD{
	display:block;
	float:left;
	width:25%;
}

        .divTitreActualites{
			display:block;
			float:left;
			width:49%;
			height:30px;
			padding-left:1%;
			text-transform:uppercase;
			color:#0051ba;
			font-size:25px;
			overflow:hidden;
		}
		.divChoixActualites{
			display:block;
			float:left;
			width:49.5%;
			height:25px;
			text-align:right;
			text-transform:uppercase;
			color:#0051ba;
			font-size:15px;
			overflow:hidden;
		}
		.divChoixActualites select{
			width:auto;
			background-color:#0051ba; 
			border: 0px; 
			font-size: 13px;  
			color: #fff;
			width:96%;
			padding:2px;
			border-radius: 0px;
		}
		a.blocNews{
          display:block;
		  position:relative;
		  float:left;
          width:32.33%;
		  height:300px;
          padding:0px;
          margin:5px 0.5%;
		  background-color:#0051ba;
		  overflow:hidden;
		  line-height:0px;
		  cursor:pointer;
		  text-decoration:none;
        }
		a.motdumaire{
          display:block;
		  position:relative;
          width:100%;
		  height:300px;
		  padding:0px;
		  margin:35px 0% 5px 0%;
		  background-color:#0051ba;
		  overflow:hidden;
		  line-height:0px;
		  cursor:pointer;
		  text-decoration:none;
		}
		a.blocNews:hover,
		a.motdumaire:hover{
			text-decoration:none;
		}
		a.blocNews .divPhoto,
		a.motdumaire .divPhoto{
			position: absolute;
			/*top: 50%;  poussé de la moitié de hauteur du référent 
			transform: translateY(-50%); tiré de la moitié de sa propre hauteur */
			top:5px;
			width:96%;
			margin:auto 2%;
			max-height:280px;
			text-align:center;
			line-height:0px;
		}
        a.blocNews .divPhoto img,
		a.motdumaire .divPhoto img{
			max-width:100%;
			max-height:220px;
			width:auto;
			height:auto;
			border-radius:0px;  
        }
		a.blocNews .divTexte,
		a.motdumaire .divTexte{
			display:block;
			position:absolute;
			background-color:rgba(0,0,0,0.0);
			color:#fff;
			top:75%;
			right:0px;
			bottom:0px;
			left:0px;
			line-height:normal;
			transition:all 0.5s;
			padding:2px;
		}
		a.blocNews:hover .divTexte,
		a.blocNews:focus .divTexte,
		a.motdumaire:hover .divTexte,
		a.motdumaire:focus .divTexte{
			top:0%;
			background-color:rgba(0,0,0,0.7);
		}
		a.blocNews .divTexte h1{
			display:block;
			height:35px;
			font-size:16px;
			background-color:#fff;
			padding:3px 2px 1px 2px;
			margin:1px 0px;
			color:#0051ba;
			border-radius:0px;
			text-align:center;
			overflow:hidden;
		}
		a.motdumaire .divTexte h1{
			display:block;
			height:35px;
			font-size:16px;
			background-color:#fff;
			padding:3px 2px 1px 2px;
			margin:1px 0px;
			color:#0051ba;
			border-radius:0px;
			text-align:center;
			overflow:hidden;
		}
		.divNewsDates{
			display:block;
			height:24px;
			background-color:#0051ba;
			color:#fff;
			padding:3px;
			margin:1px 0px;
			border-radius:0px;
			text-align:center;
			overflow:hidden;
		}
		.divNewsCorpsTexte{
			padding:3px 10px;
			font-size:0.9em;
			line-height:1.0em;
			opacity:0.0;
		}
		.divLirePlus{
			position:absolute;
			top:100%;
			left:25%;
			width:50%;
			height:25px;
			padding-top:5px;
			background-color:#fff;
			border:1px #fff solid;
			border-radius:20px;
			text-align:center;
			color:#0051ba;
		}
		.divLirePlus:hover{
			color:#fff;
			background-color:#0051ba;
		}
		a.blocNews:hover .divNewsCorpsTexte,
		a.blocNews:focus .divNewsCorpsTexte,
		a.motdumaire:hover .divNewsCorpsTexte,
		a.motdumaire:focus .divNewsCorpsTexte{
			opacity:1.0;
		}
		a.blocNews:hover .divLirePlus,
		a.motdumaire:hover .divLirePlus{
			top:80%;
		}
		a.toutesLesNews,
		a.btnAccesRapide{
			display:block;
			text-align:center;
			height:27px;
			padding:5px 0px;
			background-color:#0051ba;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
			margin:auto;
			width:99%; 
		}
		a.toutesLesNews{
			height:85px;
		}
		a.btnAgenda{
			display:inline-block;
			box-sizing:border-box;
			background-color:#0051ba;
			width:28px;
			height:28px;
			padding:2px;
			border-radius:5px;
			line-height:0px;
			margin-right:5px;
			text-align:center;
		}
		a.btnAgenda > img{
			width:100%;
			border-radius:0px;
		}
		a.btnAgenda:hover{
			background-color:#333;
		}
		a.btnAccesRapide{
			width:96%;
			padding:5px 2%;
			text-align:left;
			height:42px;
			margin:6px 0px;
			font-size:18px;
			line-height:20px;
		}
		a.btnAccesRapide:first-child{
			margin-top:10px;
		}
		a.toutesLesNews:hover,
		a.toutesLesNews:focus,
		a.btnAccesRapide:hover,
		a.btnAccesRapide:focus{
			background-color:#555;
			text-decoration:none;
			color:#fff;
		}
		a.btnAccesRapide img{
			height:40px;
			width:auto;
			float:left;
			margin-right:15px;
			border-radius:0px;
		}
		
		
		
		
		@media screen and (max-width:1000px){
			a.blocNews{
			  width:48%;
			}
			a.btnAccesRapide{
				font-size:16px;
				line-height:20px;
			}
			a.toutesLesNews{
				width:97%; 
				margin:auto 2.5% auto 0.5%;
			}
		}
		@media screen and (max-width:760px){
			.divAccueilColG{
				width:49%;
			}
			.divAccueilColD{
				width:49%;
			}
			
			a.blocNews{
			  width:98%;
			}
			a.blocNews,
			a.motdumaire{
			  height:260px;
			}
			a.blocNews .divPhoto{
				max-height:250px;
			}
			a.blocNews .divPhoto img{
				max-height:250px;
			}
			.divTitreActualites,
			.divChoixActualites{
				float:none;
				width:100%;
				margin-bottom:5px;
			}
			.divChoixActualites select{
				width:98%;
				padding:2px 1%;
			}
		}
		@media screen and (max-width:500px){
			
			
			.divAccueilColG,.divAccueilColD{
				width:100%;
				margin-right:0px
			}
			a.blocNews,a.motdumaire{
			  width:98%;
			  padding:3px 1%;
			  height:auto;
			}
			a.blocNews .divPhoto,
			a.motdumaire .divPhoto{
				position: relative;
				top:auto; /* poussé de la moitié de hauteur du référent */
				transform:none; 
				width:96%;
				margin:auto 2%;
				max-height:100px;
				text-align:center;
				line-height:0px;
			}
			a.blocNews .divPhoto img,
			a.motdumaire .divPhoto img{
				max-width:100%;
				max-height:100px;
				width:auto;
				height:auto;
				border-radius:0px;  
			}
			a.blocNews .divTexte,
			a.motdumaire .divTexte{
				display:block;
				position:relative;
				background-color:transparent;
				color:#fff;
				top:auto;
 				left:0px;
				line-height:normal;
				transition:all 0.5s;
				padding:5px;
			}
			a.blocNews:hover .divTexte,
			a.motdumaire:hover .divTexte{
				top:auto;
			}
			.divNewsCorpsTexte {
				opacity: 1.0;
			}
			.divLirePlus{
				position:relative;
				top:auto;
			}
		}