@charset "utf-8";
/* CSS Document */


#resuEventAffich
{
	width:100%;
	max-width:850px;
}
#imageResuAffich
{
	width:100%;
	max-width:850px;
}
#resuAgendaAffich
{
	width:95%;
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border:1px solid #CCC;
	box-shadow: 1px 1px 2px #000;
	border-radius:8px;
	padding:5px;
}
#legendAgendaAffich
{
	min-height:35px;
	line-height:26px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #c8d3e1;
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}
#encadrementPhoto
{
	width:180px;
	height:190px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#boxGalerie
{
	display:none;
    position: fixed;
    z-index:1;
	margin:0;
	width:100%;
	height:100%;
	background: rgba(11,11,11,.8);
}
#lienGalerie
{
	clear: both;
	text-align:center;
	font-size:13px;
	color:#000;
}



/* Petits téléphones de résolution 320x480 en mode portrait. *************************************/
/* Résolution mini 320 pixels */
/* Smartphone 360x640 +utilisé **************************************************************/
@media screen and (max-width: 480px){

#resuEventAffich
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border:1px solid #111;
	box-shadow: 1px 1px 2px #000;
}
#legendEventAffich
{
	height:25px;
	line-height:25px;
	margin-top:-5px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}

#closeAffichPhoto
{
	width:330px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#margTopFoto
{
	margin-top:10px;
}

}


/* Smartphones paysage principalement *******************************************/
/* Certaines tablettes en portrait */
@media screen and (min-width: 481px) and (max-width: 640px){

#resuEventAffich
{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border:1px solid #111;
	box-shadow: 1px 1px 2px #000;
}
#legendEventAffich
{
	height:25px;
	line-height:25px;
	margin-top:-5px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}

#closeAffichPhoto
{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#margTopFoto
{
	margin-top:10px;
}

}

/* Smartphones en Paysage ************************************************************************/
/* Tablettes en Portrait */
@media screen and (min-width: 641px) and (max-width: 800px){

#resuEventAffich
{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border:1px solid #111;
	box-shadow: 1px 1px 2px #000;
}
#legendEventAffich
{
	height:25px;
	line-height:25px;
	margin-top:-5px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}

#closeAffichPhoto
{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#margTopFoto
{
	margin-top:35px;
}

}

/* Tablettes en mode Portrait + Tablettes en mode Paysage *********************************************/
@media screen and (min-width: 801px) and (max-width: 1025px){

#resuEventAffich
{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border:1px solid #111;
	box-shadow: 1px 1px 2px #000;
}
#legendEventAffich
{
	height:25px;
	line-height:25px;
	margin-top:-5px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}
#closeAffichPhoto
{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#margTopFoto
{
	margin-top:35px;
}
	
}


/* Destkop dont 1366x768 majoritairement utilisé *******************************************/
/* Certaines tablettes en mode paysage comme Galaxy TAB 800x1280 */ 
@media screen and (min-width: 1026px) and (max-width: 1369px){

#resuEventAffich
{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border:1px solid #111;
	box-shadow: 1px 1px 2px #000;
}
#legendEventAffich
{
	height:25px;
	line-height:25px;
	margin-top:-5px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}
#closeAffichPhoto
{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#margTopFoto
{
	margin-top:35px;
}

}


/* DesktopGrand écrans *********************************************************************/
@media screen and (min-width: 1370px){

#resuEventAffich
{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border:1px solid #111;
	box-shadow: 1px 1px 2px #000;
}
#legendEventAffich
{
	height:25px;
	line-height:25px;
	margin-top:-5px;
	text-align:center;
	box-shadow: 1px 1px 2px #000;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #111;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}
#closeAffichPhoto
{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#margTopFoto
{
	margin-top:35px;
}


}