@charset "utf-8";

section.zone-actu {

    min-height: 250px;
	
    z-index: 1;
    left: 0px;
    top: 0px;
    overflow: hidden;
	
	padding-top: 130px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

section.zone-actu div.grill-960{
	padding-top:0.01%;
}

section.zone-actu h1 {
        line-height: 40px;
		margin-left:10px;
		margin-right:10px;
}

section.zone-actu h1 span {
    display: inline-block;
    background-color: rgba(34,34,39,0.8);
    line-height: 30px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 20px;
    margin-bottom: 30px;
    margin-left: 0px;
    clear: both;
    
}

section.zone-actu h1 span.title-big2 {
    text-align: left;
    font-weight: normal;
	color:#FFF;
}

.icone-plus::before{
    position: absolute;
    left: 10px;
    top: 19.5px;
    content: '';
    width: 20px;
    height: 1px;
    background-color: rgba(34,34,39,1);
	
}

.icone-plus::after{
	position:absolute;
	content:'';
	left:19.5px;
	top:10px;
	width:1px;
	height:20px;
	background-color:rgba(34,34,39,1);
	
}
a:hover .icone-plus::after,
a:focus .icone-plus::after,
a:hover .icone-plus::before,
a:focus .icone-plus::before{
	background-color:rgba(158,45,93,1);
}

.lst-actus {
    margin-left: 10px;
    margin-right: 10px;
	position:relative;
}
.lst-actus .bloc-produit {
		position:relative;
		height: 350px;
		display:inline-block;
		vertical-align:top;
		
		width:-webkit-calc(33% - 13px);
		width:-moz-calc(33% - 13px);
		width:-o-calc(33% - 13px);
		width:calc(33% - 13px);
		
		margin-right: 20px;
	
		margin-bottom: 40px;


}
.lst-actus .bloc-produit:nth-child(3n + 0) {
	margin-right: 0px;
}
.lst-actus .bloc-produit:nth-child(even) {
    margin-bottom: 20px;
}

.lst-actus .bloc-produit .bloc-theme-txt {
    width: 100%;
    height: 235px;
}
.lst-actus .bloc-produit .bloc-theme-txt:after {
    top: 10px;
    border-left: 310px solid transparent;
}
/*.lst-actus .bloc-produit.mode-a {
	height:255px;
}

.lst-actus .bloc-produit.mode-b {
	height:175px;
	
}

.lst-actus .bloc-produit.mode-c {
	height:450px;
}*/



body.actualite section.zone1 .bandeau div h1 {
    position: absolute;
    left: 10px;
    top: 380px;
}

body.actualite .sous-nav-pdt {
    text-align: right;
    margin-top: 30px;
    height: 40px;
    margin-bottom: 10px;
}

iframe{
	
		width:-webkit-calc(50% - 20px);
		width:-moz-calc(50% - 20px);
		width:-o-calc(50% - 20px);
		width:calc(50% - 20px);
		
		float: left;
		margin-right:20px;
		margin-bottom:20px;
}

.bloc-share-tools{
    margin-top: 20px;
    float: left;
}


.see-more{display:block;}
.no-see-more{display:none;}

body.actualite section.zone1 .bandeau {
    	height: 350px;
	
	}
@media screen and (min-width: 768px){
	body.actualite section.zone1 .bandeau {
    	height: 480px;
	
	}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
	section.zone-actu {
		padding-top: 180px;
	}
	
	section.zone-actu h1 {
        line-height: 40px;
		margin-left:0px;
		margin-right:0px;
	}
	.lst-actus {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	body.actualite section.zone1 .bandeau {
    height: 650px;
	
	}
}
@media screen and (max-width: 1024px) {
	.lst-actus .bloc-produit {
		margin-right: 10px;
		margin-bottom: 20px;
		
		width: -webkit-calc(50% - 5px);
		width: -moz-calc(50% - 5px);
		width: -o-calc(50% - 5px);
		width: calc(50% - 5px);
		
		height: 375px;


	}
	.lst-actus .bloc-produit .bloc-theme-txt {
		width: 100%;
		height: 210px;
	}
	.lst-actus .bloc-produit .bloc-theme-txt:after {
		top: 0px;
		border-left: 480px solid transparent;
	}
	
	.lst-actus .bloc-produit:nth-child(3n + 0) {
		margin-right: 10px;
	}
	.lst-actus .bloc-produit:nth-child(2n + 0) {
		margin-right: 0px;
	}
}







@media screen and (max-width: 540px) {
	
	
	.lst-actus .bloc-produit .bloc-theme-txt p.txt-infos-prod {
		
		display: none;
	}
	.lst-actus .bloc-produit {
		margin-right: 10px;
		margin-bottom: 20px;
		width: -webkit-calc(50% - 5px);
		width: -moz-calc(50% - 5px);
		width: -o-calc(50% - 5px);
		width: calc(50% - 5px);
		height: 325px;
	}
	.lst-actus .bloc-produit .bloc-theme-txt {
		width: 100%;
		height: 160px;
	}
}