#bckgHeader {
  background:#141414 url(../img/site/actu-fond.gif) repeat-x center top; 
  height:250px;
}
#bckgNav {
  z-index:1;
  background: rgba(0,0,0,0.65);
  display:none;
}
#bckgNav ul { padding:0px; }
#bckgNav2 {  
  background: rgba(254,0,0,0.65);
  height: 50px;
  width: 100%;
  position: absolute;
  top:auto;
  bottom:0px; 
  z-index:1;
}
.web20 {
  right:30px; 
  left:auto; 
  top:50px; 
}
.web20 li{
  display:block; 
}

#contentFinatHeader {
	max-width:1040px;
	min-width:980px;
  width:100%;
  margin:auto;
  background:url(../img/site/bandeau-finat.jpg) no-repeat center top; 
  height:250px;
  position:relative;
  z-index:0;
}

#bckgNav2 .menuFinat {
	max-width:1040px;
	min-width:980px;
  width:100%;
  margin:auto;
  padding:0 0 0 0;
  text-align:center;
}
#bckgNav2 .menuFinat li { 
  height: 50px;
  display: inline-block;
  padding: 0 0 0 0;
  
}
#bckgNav2 .menuFinat li a {   
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0px 20px;
  color: #D0D0D0;
  font-family: 'Open Sans', Arial;
  font-size: 14px;
  text-decoration: none;
  max-width: 145px;
  color: #FFF;
}

nav ul.ulNiv1 {
  /*padding-top:200px; */
}
#bckgNav2 .menuFinat li.active a.lienNiv1,
#bckgNav2 .menuFinat li a:hover {
  background:#FFF;
  color:#151212;
}

/**
 * INTRODUCTION
 **/
 
#content article.introduction {
  width:100%;
  height:410px;
  background-color:#0e374e;
  position:relative;
  max-width:none;
  min-width:inherit;
  margin-bottom:20px;
}
.introduction .contentIntro {
	max-width:270px;
	min-width:auto;
  width:auto;
  padding-right:760px;
  padding-left:10px;
  margin:auto;
  position:relative;
  height:320px;
  padding-top:110px;
  overflow:hidden;
  background: url(../img/site/finat-masque-img.png) no-repeat right top;
}
.introduction .contentIntro img {
  height:429px;
  float:right;
  position:absolute;
  right:0;
  top:0;
}
.introduction .contentIntro p {
  margin:0px 0px 10px 0px;
  color:#FFF;
  font-size:13px;
  font-family:'Open Sans', Arial;
  font-weight:300;
}
.introduction .contentIntro h2 {
  color:#FFF;
}
.introduction .contentIntro p strong {
  font-weight:600;
}
.introduction .bandeau {
  position:absolute;
  top:0px;
  width:100%;
  height:85px;
  z-index:3;
  background:url(../img/site/fint-intro-bande.png) repeat-x center top;
}
.introduction .masque {
  width:715px;
  height:430px;
  position:absolute;
  top:0px;
  right:0px;
  z-index:2;
  background:url(../img/site/finat-masque-img.png) no-repeat right 0px;
}
#content .article {
	max-width:1040px;
	min-width:980px;
  margin-bottom:20px;
}
.article table td {
  padding-right:50px; 
}
.article p,
.article ul,
.article h3 {
  /*margin-left:57px;*/
  margin-left:0px;
  padding-left:30px;
}
.article h3 {
  background:#1f6692;
  font-size:18px;
  line-height:23px;
  padding:12px 30px;
  font-family:'Open Sans',Arial;
  color:#FFF;
  font-weight:600;
}
.article li,
.article p {
  font-size:14px;
  font-family:'Open Sans',Arial;
  color:#3c3b3b;
  font-weight:400;
  line-height:24px;
  margin-bottom:0px;
}

.article:nth-child(2n+1) {
  background:url(../img/site/article-fond-d.jpg) no-repeat right bottom;
}

.alignRight img,
.alignLeft img {
  display:block!important;
  margin-bottom:3px;
  max-width:400px;
}
.alignLeft {
  float:left; 
  padding-right:50px;
}
.alignRight {
  float:right; 
  padding-left:50px;
}



#content .encartService,
#content .encartPrevention {
  margin-left:0px;
  margin-right:0px; 
}

/** MOSAIQUE **/


#content .mosaique {
  background:url(../img/site/finat-fond-compo.jpg) repeat-x center center;
  height:522px;
  width:100%;
  min-width:0px;
  max-width:100%;
  margin:50px 0px;
}

#content .mosaique .centered {
  
}
#content .mosaique .title {
  width:346px;
  height:206px;
  display:block;
  position:absolute;
  left:50%;
  top:88px;
  background:url(../img/site/finat-mosaique-fond-titre.png);
  font-family:'Ubuntu',Arial;
  font-weight:300;
  font-size:18px;
  line-height:28px;
  color:#ffffff;
  text-align:center;
  padding-top:140px;
  margin:0px 0px 0px -173px;
  text-transform:uppercase;
}
#content .mosaique .title span {
   color:#fe0000;
   font-size:34px;
   display:block;
}


/*#content .mosaique .centered { position:relative; }*/
#content .mosaique .placement {
  background-size:cover!important;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  width:121px;
  height:122px;
  overflow:hidden;
  position:absolute;
}
#content .mosaique .picto {
  display:block;
  width:180px;
  height:180px;
  background:url(../img/site/finat-img-compo.jpg) no-repeat center center;
  background-size:cover!important;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  margin:-28px 0 0 -28px;
}

#content .mosaique .placement.ligne1 { top:25px; }
#content .mosaique .placement.ligne2 { top:113px; }
#content .mosaique .placement.ligne3 { top:201px; }
#content .mosaique .placement.ligne4 { top:288px; }
#content .mosaique .placement.ligne5 { top:376px; }

#content .mosaique .placement.colP1 { left:50%; margin-left:27px;}
#content .mosaique .placement.colP2 { left:50%; margin-left:115px;}
#content .mosaique .placement.colP3 { left:50%; margin-left:203px;}
#content .mosaique .placement.colP4 { left:50%; margin-left:291px;}
#content .mosaique .placement.colP5 { left:50%; margin-left:380px;}

#content .mosaique .placement.colM1 { left:50%; margin-left:-149px;}
#content .mosaique .placement.colM2 { left:50%; margin-left:-237px;}
#content .mosaique .placement.colM3 { left:50%; margin-left:-325px;}
#content .mosaique .placement.colM4 { left:50%; margin-left:-412px;}
#content .mosaique .placement.colM5 { left:50%; margin-left:-500px;}