/* CSS Document */
.show1080,.show980 , .show1140, .show780, .show660{display:none}
.addBlock {display: inline-block; margin-bottom:10px}

@media (max-width: 1180px) {
NAV ul li{ padding:6px 6px 0 6px; }
NAV ul li a {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) }

}



@media (max-width: 980px) {
.hide980{ display:none !important}
.show980{ display:block !important}
.bloc1-6, .bloc1-5  {width:28%; margin:0 0}
NAV ul li{ padding:6px 2px 0 2px; }
NAV ul li a {padding:0 2px;  line-height:32px; font-size:11.5px; letter-spacing:0; border-top:1px solid rgba(255, 255, 255, 0.35); border-bottom:1px solid rgba(255, 255, 255, 0.35) }

.modBlog article, .rssList{text-align:left;width:47%;  }
.rssList {display:block; margin:20px auto; width:100%}

.pageArticle article {display:block !important; width:90%; margin:0 auto}
aside   {width:96% !important; margin:0 auto !important; padding:0 !important; border:0; max-width:none !important}

}




@media (max-width: 780px) {
.hide780{ display:none !important}
.bloc1-3, .bloc2-3 {width:48%; margin:0 1%;}
nav {display:none}
.logo2 {position:absolute; left:50%; top:55px; margin-left:-80px; width:160px;}
#slider-with-blocks-1 {padding-top:190px !important; height:580px !important}
.rsABlock, .blockSubHeadline p, .blockSubHeadline  {text-align:center !important}
.blockSubHeadline p {margin:10px auto 15px auto}
.bigImg {display:none !important}

.modBlog article .content .txtContent { height:160px}

HEADER.headPage {height:660px !important}
HEADER.missions {height:620px !important}
/*
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}*/
.page header h1 { margin-top:440px; font-size:36px; line-height:40px}
.page header .subTitle {font-family: 'Droid Sans', sans-serif; font-size:16px; line-height:22px; letter-spacing:0; }
.subNav, .subNav a {display:none}

#flux_rss_1, #flux_rss_2, #flux_rss_3 {display:inline-block; width:90%; margin:0 1%; vertical-align:top}
.linkList li {width:28%; vertical-align:top; min-width: 28%; margin:0 0 0 0; display:inline-block; font-size:10px; letter-spacing:1px; line-height:16px; float: none}



}




@media (max-width: 700px) {
aside .titre {width:98% !important}
.fixed2 {position:relative; top:auto; max-width:100%}
}

@media (max-width: 640px) {
.bloc1-4 {width:48%; margin:0 1%;}
.hide640, footer .blocRight{ display:none !important}
footer .blocLeft {width:100% !important}
#mainFooter {padding:16px 0}
#mainFooter .logoFooter { display:inline-block; width:30% !important}
ul.infos { display:inline-block; width:38% !important}
ul.social {width:24% !important}
.bloc1-2 {width:100%; margin:0;}
.rssList{overflow: visible}
footer .logoFooter { display:block; margin:10px auto 0 auto; float:none}
footer .bloc1-3, footer .bloc2-3 {display:block; width:90%; text-align:center; margin:0 auto}
footer * {text-align:center}
.infosList {margin:0 auto 10px 0; border-bottom:1px dashed #dddddd; padding-bottom:15px}
.linkList {margin:20px 0 0 0 !important}
.linkList li {margin:0 0 10px 0}
.linkList li .fa {display:none}

}

@media (max-width: 580px) {
.hide580 {display:none !important}	
NAV ul li {padding:0 8px;}
HEADER .subTitle {font-size:16px; line-height:22px}
.listInfo, .listInfoLast { width:50%; margin:10px auto}
.page HEADER {padding:5px 0}
.logo2 {position:absolute; left:50%; top:70px; margin-left:-70px; width:140px;}
#slider-with-blocks-1 {padding-top:160px !important; height:640px !important}

.topBarRight {display:none;}
.topBarLeft {width:100%; left:0; text-align:center}

.modBlog article, .rssList  {min-width: 90%; max-width:90%  !important; margin:20px auto}
#slider-with-blocks-1 .rsArrow {top:30% !important}

.rssList  {height:auto; max-height:auto; padding-bottom:40px}
.rssList .rssItem .rssContent {max-width:75%}
#offre-digit {margin:0 auto}
.modBlog article .content .txtContent { height:160px}

#offre-digit .blocLeft {width:90%; position: relative; top:auto; left:auto; margin:90px auto 00 auto;}
FOOTER {    margin-top: 0px;	}

.page header h1 { margin-top:440px; font-size:28px; line-height:32px}
.page header .subTitle {font-family: 'Droid Sans', sans-serif; font-size:15px; line-height:22px; letter-spacing:0; max-width: 92%;}
#logo_list img {margin:10px auto}
.bloc1-4 {width:90%; margin:0 auto;}

.bloc50 {display:block !important; width:90% !important; padding:1% 3%; max-width:none; background:#ffffff; margin:20px auto !important}
.bloc50 hr {display:none !important}
#fiscalite-juridique {background: url(../img/bg_fiscalite.jpg) right center;  }
#social {background: url(../img/bg_social.jpg) left center;  }

#avantages .bloc1-4 .addPad {min-height:160px !important}

}



@media (max-width: 480px) {
.hide480 { display:none !important}
h1	{font-size:28px; margin-top:0; line-height:34px}
.navMobile {display: block;}
.bloc1-6, .bloc1-5 {width:48%; margin:0 1%;}
#mainFooter .logoFooter { display:none !important}
.bloc1-3, .bloc2-3 {width:90%; margin:0 5%;
}
}

@media (max-width: 420px) {
section {padding:15px 0 }
.hide420{ display:none !important}
h1	{font-size:25px; margin-top:0; line-height:28px}
 figure.rsBlog{ max-height:300px !important; height:300px !important; position:relative;  width:90% !important; max-width:90% !important;min-width:90% !important; overflow: visible !important; margin: auto}
figure.rsBlog .rsArrow {display:none !important}
}


@media (max-width: 380px) {
/*#topBar span i{ display:none}*/
h1	{font-size:20px; margin-top:0; line-height:24px}

}