/***** presse *****/
.list_events 						{ display: grid; grid-gap: 40px;}
.event 								{ display: grid; grid-template-columns: 200px 1fr; grid-gap: 50px; align-items: center;}
.event .zoom_img img 				{ display: block; width: 100%; height: auto;}
.event .date 						{ font: 600 40px/40px "Barlow"; letter-spacing: 0; text-align: center; position: relative; display: grid; grid-template-columns: 1fr 1fr;}
.event .date span					{ display: block; width: 100%; height: 138px; padding-top: 26px; background: #e7e7e7;}
.event .date span.start				{ position: relative; background: #f6f6f6;}
.event .date span.start:after		{ width: 12px; height: 12px; position: absolute; right: -6px; top: 50%; margin-top: -6px; background: #f6f6f6; transform: rotate(-45deg);content: "";}
.event .date i 						{ font-weight: 400; font-style: normal; font-size: 14px; line-height: 22px; letter-spacing: 0.4px; display: block;}
.event .date i:first-child			{ margin-top: 8px;}
.event .date span.one_date			{ grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; padding: 0;}
.event .date span.one_date b		{ background: #f6f6f6; padding-top: 47px;}
.event .date span.one_date i		{ padding-top: 45px;}
.event .type 						{ font: 400 16px/20px "PT Serif"; color: #0265a8; padding-left: 25px; background: url(../images/calendar.svg) 0 50% no-repeat; transition: color 300ms ease-in-out;}
.event .content .titre				{ font: 500 20px/28px "Barlow"; letter-spacing: 0.4px; margin: 5px 0 10px 0; transition: color 300ms ease-in-out;}
.event .content p					{ font-size: 14px; line-height: 28px; margin: 0;}

@media (min-width:1201px) {
.event:hover .type 							{ color: #111;}
.event:hover .content .titre 				{ color: #0265a8;}
}
@media (max-width:1200px) {
.event 										{ grid-template-columns: 180px 1fr; grid-gap: 40px;}
.event .date 								{ font-size: 35px; line-height: 35px;}
.event .date span							{ height: 118px; padding-top: 18px;}
.event .date span.one_date b				{ padding-top: 37px;}
.event .date span.one_date i				{ padding-top: 35px;}
.event .content .titre						{ font-size: 18px; line-height: 26px;}
}
@media (max-width:600px) {
.list_events 								{ padding-left: 0; grid-gap: 30px;}
.event 				                		{ grid-template-columns: 1fr; grid-gap: 0; background: #f2f2f2; padding: 20px 20px 0 20px; border-radius: 5px; overflow: hidden;}
.event .date								{ grid-area: 2; display: block; font-size: 14px; line-height: 30px; font-weight: 400; letter-spacing: 0.4px; text-align: left; margin: 0 0 15px 0; padding-left: 25px; background: url(../images/calendar.svg) 0 7px no-repeat;}
.event .date span							{ display: inline-block; width: auto; height: auto; padding-top: 0; background: none;}
.event .date span.start						{ background: none; padding-right: 30px;}
.event .date span.start:after				{ right: 8px; top: 50%; margin-top: -8px; background: url("../images/arrow_date.svg") 0 50% no-repeat; background-size: auto 12px; width: 9px; height: 16px; transform: none; content: "";}
.event .date i 								{ font-weight: 400; font-size: 14px; line-height: 30px; display: inline; padding-left: 2px;}
.event .date span.one_date					{ display: block;}
.event .date span.one_date b				{ background: none; padding-top: 0; font-weight: 400;}
.event .date span.one_date i				{ padding-top: 0;}
.event .date span.one_date i br				{ display: none;}
.event .type 								{ background: none; padding: 0; font-size: 14px;}
.event .content .titre						{ font-size: 16px; line-height: 24px; margin: 5px 0 10px 0;}
.event .content p							{ display: none;}
}

/***** page presse *****/
#presse .listing 							{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 80px 60px;}
#presse .event 								{ display: grid; grid-template-columns: 1fr; grid-gap: 15px;}
#presse .event .zoom_img					{ transition: all 600ms ease; overflow: hidden; position: relative;}
#presse .event .zoom_img img 				{ transition: all 600ms ease;}
#presse .event .date 						{ grid-area: 3; display: block; font-size: 16px; line-height: 30px; font-weight: 400; letter-spacing: 0.4px; text-align: left; margin: 0; padding-left: 25px; background: url(../images/calendar.svg) 0 7px no-repeat;}
#presse .event .date span					{ display: inline-block; width: auto; height: auto; padding-top: 0; background: none;}
#presse .event .date span.start				{ background: none; padding-right: 35px;}
#presse .event .date span.start:after		{ right: 12px; top: 50%; margin-top: -8px; background: url("../images/arrow_date.svg") 0 50% no-repeat; background-size: auto 12px; width: 9px; height: 16px; transform: none; content: "";}
#presse .event .date i 						{ font-weight: 400; font-size: 16px; line-height: 30px; display: inline; padding-left: 2px;}
#presse .event .date span.one_date			{ display: block;}
#presse .event .date span.one_date b		{ background: none; padding-top: 0; font-weight: 400;}
#presse .event .date span.one_date i		{ padding-top: 0;}
#presse .event .date span.one_date i br		{ display: none;}
#presse .event .type 						{ background: none; padding: 0; font-size: 16px;}
#presse .event .content p					{ font-size: 16px; line-height: 28px; margin: 0;}

@media (min-width:1201px) {
#presse .event:hover .zoom_img				{ transform: scale(0.9);}
#presse .event:hover .zoom_img img 			{ transform: scale(1.1);}
}
@media (max-width:1200px) {
#presse .listing 							{ grid-gap: 60px 40px;}
}
@media (max-width:1000px) {
#presse .listing 							{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:600px) {
#presse .chapo 								{ display: none;}
#presse .listing 							{ grid-template-columns: 1fr; grid-gap: 30px; margin-top: 30px;}
#presse .event 				                { padding: 0; grid-gap: 10px; padding-bottom: 10px;}
#presse .event .content		                { padding: 0 20px;}
#presse .event .date						{ font-size: 14px; margin: 0 20px;}
#presse .event .date span.start				{ padding-right: 30px;}
#presse .event .date span.start:after		{ right: 8px;}
#presse .event .date i 						{ font-size: 14px;}
#presse .event .type 						{ font-size: 14px; padding-top: 2px;}
#presse .event .content .titre 				{ margin: 2px 0 0 0;}
}


/***** presse detail *****/
#presse .detail  							{ max-width: none;}
#presse .detail .bloc_grid					{ grid-template-columns: 40% 60%; grid-gap: 0; margin-top: 0;}
#presse .detail .texte 						{ padding: 60px 80px;}
#presse .detail .texte:before 				{ width: 100vw; height: 100%; position: absolute; right: 0; top: 0; background: #eee; content: "";}
#presse .detail .txt_serif 					{ position: relative;}
#presse .detail .titre_main 				{ font-size: 35px; line-height: 45px;}
#presse .detail .event 		 				{ display: block;}

@media (max-width:1200px) {
#presse .detail .texte 						{ padding: 50px 60px;}
#presse .detail .texte:before 				{ width: 80vw;}
#presse .detail .titre_main 				{ font-size: 30px; line-height: 40px; margin-bottom: 15px;}
}
@media (max-width:1000px) {
#presse .detail .bloc_grid					{ grid-template-columns: 1fr;}
#presse .detail .bloc_grid .photo			{ max-width: 75%;}
#presse .detail .texte 						{ padding: 50px 60px 50px 120px;}
#presse .detail .texte:before 				{ width: calc(100% - 60px); height: calc(100% + 60px); top: -60px;}
#presse .detail .titre_main 				{ font-size: 25px; line-height: 35px;}
}
@media (max-width:600px) {
#presse .detail .bloc_grid .photo			{ max-width: none;}
#presse .detail .texte 						{ padding: 30px 0 0 0;}
#presse .detail .texte:before 				{ display: none;}
#presse .detail .titre_main 				{ font-size: 20px; line-height: 28px; margin-top: 2px;}

#presse .detail .event						{ padding: 5px 0; margin-bottom: -5px;}
}