/* 
    Document   : theme-presse v2
    Created on : 20/02/23
    Author     : Julien ARLOT 
    Description: nouveau style "modern" charte 2023
*/

/* application de styles communs Ã Â  tous les thÃ¨mes */
@import url('../../theme_global.css?3');
@import url('../../dcom.css');
@import url('../../header2017-corporate.css?8');
@import url('../../responsive-global-modern.css?8') only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi), only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi), only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi), only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi), only screen and (min-resolution: 169dpi) and (orientation: portrait), only screen and (max-width: 480px), only screen and (max-device-width: 480px);


/* squelette */

@font-face {
    font-family: 'poppins-light';
    src: url('/Style%20Library/Themes/global/Poppins-light.ttf');
}  



#ctl00_MSO_ContentDiv *
{
	font-family:poppins-light !important;
}

#navprimary *
{
	font-family:poppins !important;
}

#ctl00_MSO_ContentDiv p
{
	font-family:poppins !important;
}

body
{ background:#FFF !important;
}


#header-wrapper, body #mainwrapper
{
	background:#FFF;
	box-shadow:none;
}

#navprimary:before
{
	content:"";
	width:6000px;
	height: 35px;
	margin-left:-3000px;
	position:absolute;
	visibility:visible !important;
	background:#EEE;
}

#header .search
{margin-top:20px}


/* home & pages intÃ©reieures */
.home .webpart-list .nv-item, .page_article .webpart-list .nv-item
{
	width:450px;
	height:450px;
	padding:10px !important;
	margin-bottom:6em;
	transition:height .5s, background .5s, backdground-position 0s;
	border-bottom:0px;
	cursor:pointer;
	background-position:97% 85%;
	background-size:0;
	
}

.home .webpart-list .nv-item
{
	width:450px;
}

.page_article .webpart-list .nv-item, .page_article .webpart-list .nv-item .logo img
{
	width:330px;
	}

.page_article .webpart-list .nv-item
{
 margin-bottom:3em;
}

.page_article #bando-infos
{
 display:none
}


 .home .webpart-list .nv-item:hover,.page_article .webpart-list .nv-item:hover
{
background:url(/style%20library/themes/global/corner.png) no-repeat right bottom #f6f1eb;
	height:580px;
 background-size: 25px;
}

.home .webpart-list .nv-item .newsfeed-item-summary, .page_article .webpart-list .nv-item .newsfeed-item-summary, .page_article .webpart-list .nv-item .intro p a
{
	opacity:0;
	transition:opacity .8s;
	padding-top:1em;
}

.home .webpart-list .nv-item:hover .newsfeed-item-summary, .page_article .webpart-list .nv-item:hover .newsfeed-item-summary, .page_article .webpart-list .nv-item:hover .intro p a
{
display:block !important;
	opacity:1;
	
}

.page_article .grid_6
{ width:740px}

.home .webpart-list .nv-item .logo img
{
	width:450px;
border:0px;
	
}


.home .webpart-list .nv-item .date, .page_article .webpart-list .nv-item .date
{
	background:#E50019;
	display:block;
	color:#FFF;
	width:60%;
	margin: 1px 0 0 0px;
}

.home .webpart-list .header h2,
.page_article .webpart-list .header h2
{
color:#333;
background:transparent;

}

#nav .nv-item a
{color:#222 !important;
border-bottom:0px;

}

#navprimary #nav
{
	background:#BD987A55;
}

.home .webpart-list .inner .nv-item .intro,
.page_article .webpart-list .inner .nv-item .intro
{
	overflow:visible
}

 .home .webpart-list .nv-item .title,
 .page_article .webpart-list .nv-item .title
{
	font-size:1.7em;
	line-height:1.3em;
	padding-top:.5em !important;
}

.home .webpart-list .nv-item .title a,
.page_article .home .webpart-list .nv-item .title a
{
color:#222 !important;
padding-top:.5em;
display:block;
}

#navquick .nv-item a[href*="cea360"]
{ display:none}

#navprimary #nav li.nv-item a
{border-bottom:0px;transition:color .3s, background-color .3s;height:17px !important}

#navprimary #nav li.nv-item a:hover
{
	color:#FFF !important;
	background-color:#E50019;
	height:17px !important;
}


.baseline
{margin-left:-15px !important}

.block-filnews .inner
{padding:0px}

 .home .webpart-list .menu,.page_article .webpart-list .menu
{	
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}


.home .webpart-list .header h2,
.page_article .webpart-list .header h2
{
	visibility:hidden
}

.page_actualite #aside .webpart-list .header h2
{
 background:#E50019;
 color:#FFF;
}


#footer
{ margin:0;
background-color:#333}


.block-filnews .inner
{
	background:none;
}


.block-trick .inner
{ background:none}

#navprimary #nav li.on,#navsub li.on  {
    background-color: #BD987A55;
}

.ms-rtestate-field H2, .ms-rtestate-field H2.ms-rteElement-H2, .ms-rtestate-field H2.ms-rteElement-H2B
{ 
margin-top:2em;
line-height:1.5em;

}

h1, .h1
{
	font-size:2.5em;
	line-height:1.4em;
}

.page_publication h1 span,.page_media h1 span
{
 display:none;
}


blockquote
{ 
 background-image:url("img/blockquote.png");
 background-size:50px;

}

#bando-infos img, .feed img
{
 filter:grayscale()
}

#branding h1
{
	padding-left:.12em;
}

#nav .menu-0 img
{
 filter:invert();
}

.block-trick
 { border:0}



/* specif sp 2013 */
.page_article .webpart-list
{
 margin-top:-100px
}

#navsub .nv-item-7, #navsub .nv-item-8, #navsub .nv-item-9
{
 margin-top:12px;
}

#navsub .nv-item-7 a, #navsub .nv-item-8 a, #navsub .nv-item-9 a
{
 border-bottom:0px !important;
}


#navprimary #nav li.active, #navprimary #nav li.nv-item:focus, #navprimary #nav li.nv-item:hover, #navprimary #nav li.nv-item:active 
{
    background-color: #E50019;
}

#navprimary #nav li.active a, #navprimary #nav li.nv-item:focus a, #navprimary #nav li.nv-item:hover a, #navprimary #nav li.nv-item:active a
{
   color:#FFF !important;
}

/* custo responsive PRESSE */

@media only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi), only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi), only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi), only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi), only screen and (min-resolution: 169dpi) and (orientation: portrait), only screen and (max-width: 480px), only screen and (max-device-width: 480px)
{

     #branding .baseline h1
     {
     	margin:30px 160px
     }

	 .home .webpart-list .menu, .page_article .webpart-list .menu
		{
		display: block;
		
		}
	
	 .home .webpart-list .nv-item, .page_article .webpart-list .nv-item
		{
		width:920px !important;
		height:1050px !important;
		margin-bottom:2em !important;
		}

	 .home .webpart-list .nv-item .logo img,  .page_article .webpart-list .nv-item .logo img
		{
		width:940px !important;
        
		}

	 .home .webpart-list .nv-item .title, .page_article .webpart-list .nv-item .title
		{
		font-size:1.4em;
		}
	
	.home .webpart-list .nv-item .meta, .page_article .webpart-list .nv-item .meta
		{
		font-size:.7em;	
		}

	div[class^="page_"] #content .webpart-list .nv-item
	{
		height:unset;
     margin-bottom:5em !important
     
	}
	
	div[class^="page_"] #content .webpart-list .logo , div[class^="page_"] #content .webpart-list .logo img
	{
	width:940px !important;
	max-width: 940px !important;
	
	}
	
	  .home .webpart-list .nv-item:hover,.page_article .webpart-list .nv-item:hover
{background:#f6f1eb;height: 1050px;}


#aspnetForm
 { overflow:visible;width:980px}


 h1, .h1 {
    font-size: 1.7em;

 }

 #navprimary:before
 {
  display:none
 }

#header .search
{margin-top:0px}
}