/* CSS Document */
body, html {margin:0; padding:0; }
body {text-align:center; font-size:14px; background:#ffffff; color:#2e2e2e; font-family: 'Droid Sans',  serif; font-weight:400; overflow-x: hidden }
h1, h2 { font-family: 'Droid Sans', sans-serif; letter-spacing:0.5px; font-size:36px; line-height:44px; font-weight:400;  }
strong , b {font-weight:700}
h1 { font-size:30px; line-height:30px; margin:20px auto; letter-spacing:-1px;}
h2 { font-size:27px; line-height:30px; margin:20px auto; letter-spacing:1px; text-transform:uppercase; }
h4 , h5, .TitreFooter{  font-family: 'Droid Sans', sans-serif; font-size:23px; line-height:28px; font-weight:400; text-transform:none; margin:0} 
h4 {font-family: 'Droid Serif',  "Times New Roman", Times, serif ; color:#60c67d; font-size:36px;}
.modBlog h4 {  font-family: 'Droid Sans', sans-serif; font-size:23px; line-height:28px; font-weight:400; text-transform:none; margin:0; color:#4b8f5d;} 

h3 { font-size:17px; line-height:22px; letter-spacing:0; text-transform:uppercase; margin:10px 0} 
/*h3 { font-size:14px; line-height:16px; letter-spacing:0; text-transform:uppercase; margin:10px 0} */
.subTitle, .subTitleLeft {font-family: 'Droid Serif',  "Times New Roman", Times, serif ; letter-spacing:-0.5px; display:block;  font-size:15px; line-height:24px; margin:10px auto 40px auto; width:740px; max-width:90%}
.subTitleLeft  {margin:10px 0 40px 0; max-width:90%}


a {text-decoration:none; color: inherit}
a.smallLink {color:#c1c1c1; }
.light {font-family: 'Droid Serif', "Times New Roman", Times, serif ; color:#c1c1c1; font-size:12px; font-style:italic; letter-spacing:0}
hr.clean { display:block; margin:10px auto; border:0; border-bottom:1px solid #eeeeee; width:500px; max-width:99%}
hr.sep {border:0; padding:0; display:block; height:20px; margin:0}

p.classic {font-size:14px; line-height:20px}
p.classic2 {font-size:15px; line-height:20px}
.tRight,  .tRight * {text-align:right}   
.tLeft, .tLeft * {text-align:left}
.tCenter {text-align:center !important}

HEADER {max-width:100%; max-height:10%; width:100%; margin:-215px 0 0 0; position:relative}
HEADER.missions {background:url(../img/header_missions.jpg) top center; background-size:cover; height:540px}
HEADER.facturation-electronique {background:url(../img/header_facturation.jpg) top center; background-size:cover; height:540px}
HEADER.contact {background:url(../img/header_contct.jpg) top center; background-size:cover; height:480px}
HEADER.offre-digit {background:url(../img/header_offDigit.jpg) center center; background-size:cover; height:540px}
HEADER.actus {background:url(../img/header_actus.jpg) center center; background-size:cover; height:540px}
HEADER.qsn {background:url(../img/header_qsn.jpg) center center; background-size:cover; height:540px}
HEADER.article {background:url(../img/header_actus.jpg) center center; background-size:cover; height:290px}
HEADER.legals {background:url(../img/header_actus.jpg) center center; background-size:cover; height:260px}

.page header h1, .page header .subTitle{ text-shadow: 1px 1px #2e2e2e; color:#ffffff;}
.page header h1 { margin-top:280px; font-family: 'Droid Serif',  "Times New Roman", Times, serif ; font-size:36px; line-height:40px}
.page header .subTitle {font-family: 'Droid Sans', sans-serif; font-size:16px; line-height:22px; letter-spacing:0; }
.bgGreyGradiant {background:url(../img/bg_grey_gradiant.png) bottom left repeat-x;}


.logo {position:absolute; left:50%; top:30px; margin-left:-96px; width:192px; z-index:200}
.logo2 {position:absolute; left:50%; top:30px; margin-left:-81px; width:162px; z-index:400}
.icoUp { position: fixed; right:30px; bottom:40px;cursor:pointer; display:none; z-index:600;}
.icoUp:hover { opacity:0.8}

.dwn { display:inline-block; background:#4b8f5d; color:#ffffff; padding:1px; font-size:9px; line-height:10px;  letter-spacing:1px; margin:0 0 0 4px; border:1px solid #4b8f5d}
.dwn:hover {background:#ffffff; color:#4b8f5d} 

/*SECTION & BLOCS*/
SECTION {position:relative; overflow:hidden}
.container, .largeContainer, .smallContainer { width:1080px; max-width:96%; margin:0 auto; position:relative; overflow:hidden}
.largeContainer { width:1320px;}
.smallContainer { width:900px;}
.bloc1-2 , .bloc1-3, .bloc1-4,.bloc1-5, .bloc1-6, .half, .bloc2-3  {display:inline-block; vertical-align:top}
.bloc1-2 {width:48%; margin:0 1%;}
.bloc1-3 {width:33%; margin:0 0}
.bloc1-4 {width:21%; margin:0 1.5%;}
.bloc1-5 {width:16%; margin:0.5%; vertical-align:top}
.bloc1-6 {width:14%; margin:0 0.2%;}
.bloc2-3 {width:56%; margin:0 0}
.addPad {display:block; padding:20px}
.bgWhite { background:rgba(255, 255, 255, 0.9);}

.bloc50 {display:block; max-width:49%}

.bloc1-5 p, .bloc1-6 p {font-size:12px}
.bloc1-5 * {vertical-align:top}

/*NAVIGATION*/
NAV { display:block; position:relative; height:200px; width:100%; min-width:100%; z-index:200}
NAV ul {margin:0; padding:0;  display:inline-block; width:100%; margin-top:100px;}
NAV ul.tRight { margin-right:100px}
NAV ul.tLeft { margin-left:100px}
NAV ul li{ list-style:none; display:inline-block; padding:6px 10px 0 10px; }
NAV ul li.last{ border-right:0; }
NAV ul li a {display:inline-block; padding:0 6px;  line-height:36px; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#ffffff; border-top:1px solid rgba(255, 255, 255, 0.35); border-bottom:1px solid rgba(255, 255, 255, 0.35) }
NAV ul li a:hover, NAV ul li.active a { background:rgba(255, 255, 255, 0.35); border:0}
.sepLog {display:inline-block; width:210px}

.topBarLeft *, .topBarRight * {z-index:200}
.topBarLeft, .topBarRight {position:absolute; height:60px; top:0; line-height:60px; color:#ffffff; z-index:200}
.topBarLeft *, .topBarRight * {opacity:0.9}
.topBarLeft span, .topBarRight span { font-size:13px; letter-spacing:0}
.topBarRight .fa { font-size:20px; margin:0 8px}
.topBarLeft .fa{ font-size:20px; margin:0 4px}
.topBarLeft { text-align:left; left:5%}
.topBarRight { text-align:right; right:5%}
.topBarRight span {display:inline-block; vertical-align: middle; line-height:12px; text-align:left}
.topBarLeft span {display:inline-block; vertical-align: middle; line-height:30px; text-align:left}
.topBarLeft span .text { float:right; margin-top:-3px; font-weight:700}
.topBarRight span small {font-size:12px}

.subNav { height:54px; display:block; width:100%; position:absolute; bottom:0; left:0; background:#4b8f5d}
.subNav a {display:inline-block;border-left:3px solid #4b8f5d; color:#ffffff; line-height:54px; padding:0 25px; background:#4b8f5d; font-size:12px; letter-spacing:1px; vertical-align:top; position:relative }
.subNav a:hover, .subNav a.active { background:#60c67d}
.subNav a.last {border-right:3px solid #4b8f5d;}
.subNav a .subArrow { display:none; position:absolute; width:21px; height:10px; left:50%; margin-left:-10px; bottom:0; background:url(../img/subNav_arrow.png) top center no-repeat}
.subNav a.active .subArrow {bottom:-10px; display:block}

.fixed {position:fixed; top:0; z-index:200}
.fixed2 {position:fixed; top:0;  max-width:293px;}
/*bouton*/
.bt, .btWhite {display:inline-block; padding:14px; text-align:center; background:#60c67d; color:#ffffff; font-size:11px; line-height:10px; letter-spacing:2px; position:relative; text-transform:uppercase; border:1px solid #60c67d; cursor:pointer}
.btWhite {background:#ffffff; padding:8px 28px 8px 8px ; color:#3f3f3f; font-size:10px; line-height:11px;  border:1px solid #3f3f3f; text-align:left; letter-spacing:1px; text-transform:uppercase}
.btWhite .fa {font-size:9px; position:absolute; right:6px; top:9px; color:#3f3f3f;}
.btWhite:hover { background:#3f3f3f; color:#ffffff}
.btWhite:hover .fa { color:#ffffff}

.btNormPad {padding:8px !important}

.linkArrow {display:inline-block; text-align:left; color:#4b8f5d; font-size:10px; line-height:10px; letter-spacing:0; position:relative; text-transform:uppercase;}
.linkArrow i {font-size:9px}
.linkArrow:hover i {margin-right:2px}
.rssList .linkArrow  {float:right; margin-right:5px}
.largeButton { display: inline-block; border:1px solid #4b8f5d; padding:16px 20px; }
.largeButton:hover {opacity:0.7}
.largeButton img { display:inline-block; float:left; margin:0 14px 0 0}
.largeButton span { display:inline-block; color:#4b8f5d; text-align:left; padding-top:4px}


/*PAGE CONTENT*/
#main {background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 46%, #f5f5f5 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 46%,#f5f5f5 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 46%,#f5f5f5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #f2f2f2}

#main article:hover img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
	
#main article:hover .content{    opacity: 0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;}

.rounded {margin-bottom:30px}
.rounded figure {width:128px; height:128px; border-radius:128px; margin:15px auto; overflow:hidden}
.rounded figure img {height:100%}
.rounded p {max-width:77%; margin:10px auto}


/*facturation electronique*/
#pack-facturation-electronique  { background:url(../img/bg-facturation-elec2.jpg) center center; padding:50px 0 110px 0; background-size:cover; overflow:hidden}
#pack-facturation-electronique * {color:#ffffff}
#pack-facturation-electronique .bloc1-2 {text-align:left}
#pack-facturation-electronique h2 {font-weight:700;}
#pack-facturation-electronique h2 span {background:#ffffff; padding:6px; color:#8a909c}

.maskSlider {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: url(https://www.expertsteam.fr/img/footerMask.png) top center no-repeat;
    z-index: 10;
}


/*.videoContainer {display:block; width:600px; height:374px; max-width:90%; background-size:cover; position:relative; margin:20px auto}*/
.videoContainer {display:block; width:664px; height:374px; max-width:90%; background-size:cover; position:relative; margin:20px auto}
.videoContainer .play { position:absolute; width:155px; height:154px; top:50%; left:50%; margin:-77px 0 0 -77px; cursor:pointer}
.videoContainer .play:hover {opacity:0.7}
.vid1{background-image:url(../img/video_sample.png);}
.vid2 {background-image:url(../img/video_sample2.png); width:477px; height:297px}


/*MISSIONS*/
#pack-creation-entreprise { background:url(../img/bg_pack_creation.jpg) top center; height:652px; background-size:cover; overflow:hidden}
#pack-creation-entreprise * {color:#ffffff}
#pack-creation-entreprise .bloc1-2 {text-align:left}
#pack-creation-entreprise h2 {font-weight:700;}
#pack-creation-entreprise h2 span {background:#ffffff; padding:6px; color:#8a909c}

#fiscalite-juridique {background: url(../img/bg_fiscalite.jpg) top center; background-size:cover }
#social {background: url(../img/bg_social.jpg) top center; background-size:cover }
#conseil-gestion {background:#f8f8f8;}

/*offre digit*/
#presentation .fa {font-size:80px}

#avantages { background:url(../img/slider_3.jpg) top center;  background-size:cover; padding:0 0 50px 0}
#avantages h2 {color:#ffffff}
#avantages .bloc1-4 .addPad {min-height:200px !important}

.stripe {display:block; width:90%; height:8px;  margin:16px auto; background: url(../img/bg_stripes.png)}
#avantages .bloc1-4 {margin-bottom:20px}

/*QUI SOMMES NOUS*/
#logo_list { background:url(../img/header_missions.jpg) top center; padding:30px 0 50px 0 ; background-size:cover;}
#logo_list  * {color:#ffffff}
#logo_list img {margin:10px 30px; max-width:96%}

/*MOD BLOG*/
.modBlog{ margin-bottom:25px;}
.modBlog article {margin-bottom:40px !important; width:380px;}
.modBlog article, .rssList{display: inline-block;text-align:left; position:relative; width:28%; max-width:480px; margin:0 1%; height:320px; max-height:320px; vertical-align:top; overflow:hidden}
.modBlog article h4 {font-size:14px; line-height:18px; text-transform:uppercase; font-weight:700; margin:15px 0 0 0}
.modBlog article figure{display:inline-block; margin:0; padding:0; width:50%; vertical-align:top; position:relative; overflow:hidden; background:url(../medias/noPhoto.jpg) center center; background-size:cover}
.modBlog article figure figcaption {display:none}
.modBlog article figure img {min-width:100%; height:auto; min-height:300px; max-height:300px; margin-left:-65%}
.modBlog article .content { height:372px; overflow:hidden; display:inline-block; width:50%}
.modBlog article figure .topMask, .modBlog article figure .topMask2 {position:absolute; right:0; top:0; height:100%; width:22px; background:url(../img/news_mask.png)}
.modBlog article figure .topMask2 {background:url(../img/news_mask3.png)}
.modBlog article .content .txtContent, .modBlog article .content .txtContent *, .modBlog article .content .txtContent strong {font-size:11.5px !important; line-height:16px !important; margin:0 !important; padding:0 !important; font-weight:400 !important}
.modBlog article .content .txtContent {padding-top:10px !important; display:block; overflow:hidden}

.tag {position:absolute; left:0; top:14px; background:#8492eb; padding:6px 10px; text-align:center; color:#ffffff; font-size:10px; text-transform:uppercase; letter-spacing:1px}

.readMore {position:absolute; top:268px}


.modBlog article.flux {width:22%; max-width:480px; margin:0 1%; height: auto; max-height:none; vertical-align:top; }
.modBlog article.flux  figure{display:block; margin:0; padding:0; width:100%; vertical-align:top; position:relative; overflow:hidden;background-size:cover}
.modBlog article.flux figure img {min-width:100%; height:auto; min-height: auto; max-height: auto; margin:0}
.modBlog article.flux h4 { font-size:13px; font-weight:700; margin:4px 0 0 0}
.modBlog article.flux  .content { height:auto; overflow:hidden; display:block; width:100%}
.modBlog article.flux .content .txtContent {padding-top:6px !important; }

.modBlog article.flux .content .readMore { position:relative; display:inline-block; margin:10px 0; top:auto; left:auto; border:0; background:#f1f1f1}

.rssList {width:32%;}
.rssList .rssItem {display:block; margin-bottom:14px;}
.rssList .rssItem .rssCatego, .rssList .rssItem .rssContent { display:inline-block; vertical-align:top}
.rssList .rssItem .rssCatego { display:inline-block; width:52px; height:52px; line-height:52px; color:#ffffff; text-align:center; background:#60c67d; font-size:28px; margin-right:6px}
.rssList .rssItem .rssContent { width:80%; overflow:hidden}
.rssList .rssItem .rssContent .title { display:block; font-size:12px; line-height:12px; text-transform:uppercase;  margin:5px 0; overflow:hidden }
.rssList .rssItem .rssContent p {margin:0; font-size:11.5px;}

.module { border-bottom:10px solid #ffffff; padding-bottom:10px; position:relative}
.module  .titre  {  font-size:13px; line-height:24px; text-transform: uppercase; color:#ffffff;
letter-spacing:2px; margin:10px 0 10px 0; display:block; font-weight:400; background:#777777; padding:4px 0 }
.module ul {margin:0; padding:0} 
.module ul li { display:block; list-style:none; clear:both;  margin:0 0 8px 0; width:100%; text-align:left; vertical-align:middle;height:56px; cursor:pointer;  position:relative }
.module ul li img { display:inline-block; margin-right:14px; padding:0px; border:0px solid #eeeeee; float:left; /*border-radius:40px*/}        
.module ul li * {vertical-align:middle}
.module ul li  p {  padding:10px 15px 0 0; color:#545454; margin:0; font-weight:300; font-size:13.5px; height:56px; vertical-align:middle}
.module .count { position:absolute; right:2px; top:20px; display:block; height:19px; width:19px; border:1px solid #3f3f3f;
border-radius:19px; background: none; color:#3f3f3f; text-align:center; font-size:9px; letter-spacing:-1px; line-height:20px; text-align:center; padding:0; margin:0; opacity:1}



/*MOD RSS*/
.rssCategories{ text-transform:uppercase; font-size:11px; font-weight:700; padding-top:4px}
.rssDate{ font-size:10px; float:right; display:none}
ul.feedEkList{ vertical-align:top}
#flux_rss_1 ul.feedEkList li{ list-style:none; height:51px; text-align:left; display:block; margin:0 0 14px 0; background:#fafafa url(../img/flux_va.png) left center no-repeat; padding:0 0 0 60px; overflow:hidden}
#flux_rss_1 ul.feedEkList li:hover {background:#ffffff url(../img/flux_va.png) left center no-repeat;}
#flux_rss_2 ul.feedEkList li{ list-style:none; height:51px; text-align:left; display:block; margin:0 0 14px 0; background:#fafafa url(../img/flux_s.png) left center no-repeat; padding:0 0 0 60px; overflow:hidden}
#flux_rss_2 ul.feedEkList li:hover {background:#ffffff url(../img/flux_s.png) left center no-repeat;}
#flux_rss_3 ul.feedEkList li{ list-style:none; height:51px; text-align:left; display:block; margin:0 0 14px 0; background:#fafafa url(../img/flux_f.png) left center no-repeat; padding:0 0 0 60px; overflow:hidden}
#flux_rss_3 ul.feedEkList li:hover {background:#ffffff url(../img/flux_f.png) left center no-repeat;}
ul.feedEkList li p {  margin:4px 0 0 0; font-size:12px; letter-spacing:0}
#flux_rss_1, #flux_rss_2, #flux_rss_3 {display:inline-block; width:28%; margin:0 1%; vertical-align:top}

.homersslist #flux_rss_1 ul.feedEkList li, .homersslist #flux_rss_2 ul.feedEkList li, .homersslist #flux_rss_3 ul.feedEkList li
{ background-color:#ffffff}

.homersslist #flux_rss_1, .homersslist #flux_rss_2, .homersslist #flux_rss_3 {display: block; margin:0 1%; vertical-align:top; width:99%}


/*FILTERS*/
.filters {display:block; margin:-15px 0 0 0; height:60px; padding:0; text-align:center;}
.filters li {display:inline-block; padding:4px 10px; margin-bottom:6px; font-size:11px; text-transform:uppercase; color:#60c67d; background:#f1f1f1; border:#f1f1f1}
.filters li.active, .filters li:hover  { background:#60c67d; color:#ffffff}

/*MOD RSS mise à jour 2018 LEs chos*/
#flux_rss .item { display:block; position:relative; padding-left:70px; height:70px}
#flux_rss .item .flux_title { display:block; margin:8px 0 12px 0; text-transform: uppercase; font-size: 11px; line-height:16px;font-weight: 700;padding: 12px 20px 0 0;}
#flux_rss .item .flux_desc * {display:none;}
#flux_rss .item .flux_desc img {position:absolute; display:block !important; left:0; top:0;  clip: rect(20px,60px,60px,0px); height:60px; width: auto}
#flux_rss .item .flux_date {display:none;}



/*SINGLE*/

.pageArticle  .blocInfo {display:block;  margin-bottom:10px; padding:6px 0; border-top:1px solid #f0f0f0}
.pageArticle  .blocInfo .info, aside .info {color:#777777; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:400;}
.pageArticle .subTitle { font-size:18px; color:#4b8f5d; font-weight:300; line-height:24px; display:block; margin:0 0 15px 0; width:auto; max-width:90%; letter-spacing:0px}
.pageArticle  .articleContent {margin:0 0 0 0; padding-bottom:25px; border-bottom:1px dotted #f0f0f0}
.pageArticle  .articleContent  p  { font-size:13.5px; line-height:20px; font-weight:400; text-align:justify; margin:10px 0 5px 0;  text-align:left !important; width:97%;  color:#4b8f5d; }
.pageArticle  .articleContent  ul * { font-size:13.5px; color:#4b8f5d; line-height:22px; font-weight:400 }
.pageArticle  .articleContent  ul {padding: 0 0 0 27px;}
.pageArticle  .articleContent  ul li {max-width:90% !important; margin-bottom:4px}
.pageArticle  .articleContent a {color:#777777;border-bottom:1px dashed #e8dfd5}
.pageArticle  h1 { max-width:85%; margin-left:0; font-size:32px; line-height:40px}

.pageArticle article {margin-bottom:50px}
.pageArticle article footer  *{ color:#999999 !important; background:#ffffff }
.pageArticle article footer { display:block;margin-bottom:40px; color:#999999 !important;  font-size:11px;  padding-top:16px; }
.pageArticle article footer .Artsocial {text-transform:uppercase; font-size:10px; color:#777777 !important; letter-spacing:1px; margin-right:6px; padding:4px 6PX; background:#f2f2f2; display:inline-block; margin-bottom:10px}
.pageArticle article footer .Artsocial i {font-size:12px;}
.pageArticle article footer .Artsocial:hover, .pageArticle article footer .Artsocial:hover  * { color:#ffffff !important; background:#8492eb !important}

figure.rsBlog{height:210px; max-width:110%; margin:0; padding:0; }
figure.rsBlog  .rsArrow  {position:absolute; z-index:4; top:48%; left:-12px; margin-top:-20px; background:#ffffff url(../img/arrow_left2.png) center center no-repeat; z-index:200; padding:10px; height:80px; width:40px; transform: scale(0.7); opacity:1}
figure.rsBlog  .rsArrowRight { left:auto; right:-12px; background:#ffffff url(../img/arrow_right2.png) center center no-repeat}  
figure.rsBlog  .rsArrow:hover {opacity:1; transform: scale(0.8) }
header.imgArticle  {height:auto; margin:20px 0; max-height:600px; background: none; padding:0}
header.imgArticle img {max-height:600px; display:block; min-width:96%; max-width:100%}




aside { display:inline-block; width:24% !important; padding: 0 15px  !important; vertical-align:top; position:relative; margin:10px 0 10px 2%; border-left: 1px solid #f2f2f2; max-width:293px;
-moz-box-shadow: inset 10px 0px 20px 0px #fafafa;
-webkit-box-shadow: inset 10px 0px 20px 0px #fafafa;
-o-box-shadow: inset 10px 0px 20px 0px #fafafa;
box-shadow: inset 10px 0px 20px 0px #fafafa;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#fafafa, Direction=90, Strength=20);}
aside .info  { display:block; margin:6px 0}

/*OFFRE DOGOT*/

#offre-digit { margin:-60px auto 50px auto; background:url(../img/offre_digitale_background2.jpg) top center no-repeat; background-size:cover;  height:713px; max-height:713px}
#offre-digit .blocLeft {width:520px; position:absolute; top:18%; left:10%;  text-align:left}
#offre-digit .blocLeft .content { background-color: rgba(96, 198, 125, 0.85);  text-align:left; padding:15px 35px 15px 30px}
#offre-digit .blocLeft .content .subTitle {font-style: italic; letter-spacing:0; margin-bottom:25px;}
#offre-digit .blocLeft .content * {color:#ffffff; text-align:left}
#offre-digit .blocLeft .specsLine {}
#offre-digit .blocLeft .specsLine .item, #offre-digit .blocLeft .specsLine .itemLast { vertical-align:top; height:72px; width:72px; margin:4px 4px 0 0; background-color: rgba(96, 198, 125, 0.85); display:inline-block; text-align:center}
#offre-digit .blocLeft .specsLine .item .fa { color:#ffffff; display:block; font-size:27px; margin:12px auto 6px auto}
#offre-digit .blocLeft .specsLine .item img { width:40px; height:40px; margin:7px auto -2px auto; display:block}
#offre-digit .blocLeft .specsLine .item .txt {font-size:8px; color:#ffffff; text-transform:uppercase; }
#offre-digit .blocLeft .specsLine .itemLast {width:140px; margin:4px 0 0 0; background-color: rgba(75, 143, 93, 0.85)}
#offre-digit .blocLeft .specsLine .itemLast a {color:#ffffff; text-transform:uppercase; font-size:11px; line-height:72px; font-weight:700; letter-spacing:1px}


/*contact*/

.contactForm {display:block}
.contactForm input[type=text],.contactForm input[type=tel],.contactForm input[type=email], .newsletter input[type=email], .contactForm textarea, .contactForm select
{display:block; background:#fafafa; border:1px solid #f0f0f0; padding:10px 8px; font-size:13px; margin: 6px auto; width:84%; font-family: 'Droid Sans', Arial; }
.contactForm textarea { height:140px}
.newsletter input[type=email] {width:79%; display:inline-block; margin:0;  padding:8px 8px }
.newsletter .submit {display:inline-block; margin:0; padding:9px 5px 10px 5px ; text-align:center; float:right}



/*FOOTER*/
FOOTER {margin-top:-40px; padding-bottom:10px}
.page FOOTER {margin-top:0; padding-top:20px}
FOOTER * {text-align:left}
FOOTER .logoFooter {float:left; margin:0 10px 0 0}
FOOTER .TitreFooter {font-size:14px; font-weight:700; margin:6px 0}
FOOTER .infosList {font-size:11px; line-height:15px; letter-spacing:0.5px}

.subFooter {display:block; background:#f2f2f2; height:36px; }
.subFooter a {font-size:10px; letter-spacing:1px; color:#777777; line-height:36px; display:inline-block; text-transform:uppercase; margin:0 20px 0 10px}
.subFooter a.copy { float:right}

/*LIST Style*/

.checkList {margin:0 0 0 20px; padding:0;}
.checkList li {display:block; list-style:none;font-family: 'Droid Serif',  "Times New Roman", Times, serif ; font-style:italic;  padding-bottom:18px; line-height:18px; font-size:15px }
.checkList li .fa {float:left; margin:0 10px 6px 0; font-size:20px; line-height:20px}

.listChevron {margin:0 0 0 20px; padding:0;}
.listChevron li {display:block; list-style:none; padding-bottom:15px; line-height:15px; font-size:13px }
.listChevron li .fa {float:left; margin:0 7px 6px 0; font-size:10px; line-height:14px}


.linkList {margin:15px 0 0 30px; padding:0}
.linkList li {width:30%; min-width:120px; margin:8px 0 0 0; display:inline-block; font-size:10px; letter-spacing:1px; line-height:16px; float:right}
.linkList li .fa {font-size:4px; float:left; margin:7px 4px 0 0; }
.linkList li a:hover { opacity:0.7}


.noPadTop {padding-top:3px !important}



/*GLOBAL TRANSITIONS*/
a, .subNav a .subArrow, .rsArrow ,#main article img, #main article:hover .content, .linkArrow *, figure.rsBlog  .rsArrow, #slider-with-blocks-1 .rsArrowLeft, #slider-with-blocks-1 .rsArrowRight {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}