/*CONTAINER*/

@media screen and (min-width: 1930px) {
#top_1 .custom.entete {
	background-position-x: center;
}
#mainnav .container .row{
width: 1920px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1920px) {
#top_1 .container, .navbar-static-top .container,#top_1 .span12{
	width:100%!important;
}
#top_1 .accueil .row-fluid{
	width: 60%; 
	margin-left: auto; 
	margin-right: auto;
}
}
@media screen and (min-width: 1400px) {

.mainbody .container{
    width: 1390px;
}

.mainbody-inner.row{
	margin-left:0;
}
#footer .container{
	width:1440px!important;
}
}
@media screen and (min-width: 1300px) {
.home .container {
    width: 1440px;
}
.home .span12 {
	margin-left:25px;
}
}
@media screen and (max-width: 1280px) {
.mainbody .container, .home .container {
    width: 100%;
}
#bot_3.bot-sl .container{
	width:100%;
}
}
@media screen and (max-width: 1280px) {
.row{
	margin-left:0;
}
[class*="span"]{
	margin-left:0;
}
.navbar-static-top .container{
	width:100%;
}
}
@media screen and (max-width: 1024px) {
.navbar .btn-navbar, .navbar-form{
	display:none;
}
.nav-collapse, .nav-collapse.collapse {
    overflow: inherit;
}
#mainnav .container{
	height:75px;
	width:100%;
}
}
@media screen and (max-width: 768px) {
.row-fluid [class*="span"]{
	margin-left:0;
}
.row-fluid .span6,.row-fluid.bg_grey .span6 , .row-fluid .span7, .row-fluid .span8{
	width:inherit;
}

.row-fluid.bg_grey [class*="span"] {
	margin-left:inherit;
}
.blog.references .row-fluid .span6 h2{
	font-size:25px;
	font-size:2.5rem;
}
}
@media screen and (max-width: 767px) {
body{
	padding-left:0;
	padding-right:0;
}	
}

/*MOBILE MENU*/

[data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
    background: none;
	float:right;
	margin-right:65px;
	margin-top:1px;
	font-weight:normal;
	padding-top:15px;
}

[data-id="mobilemenuck-1"] .mobilemenuck-bar-button{
	background:none;
	width:50px;
	height:50px;
	margin-right:20px;
	font-family:inherit;
	padding-top:25px;

}
[data-id="mobilemenuck-1"].mobilemenuck {
    background: rgba(0,0,0,0.94);
	font-weight:400;
    height: 100%;
	position:fixed!important;
	top:0px!important;
}
[data-id="mobilemenuck-1"] .mobilemenuck-title {
	background:none;
}

[data-id="mobilemenuck-1"] .mobilemenuck-button{
	font-size:2.8em;
	}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
    background: none;

}	
[data-id="mobilemenuck-1"].mobilemenuck a {
    font-weight: inherit;
}	
	
[data-id="mobilemenuck-1"] .mobilemenuck-submenu {
    background: url("../images/submenu.png") no-repeat left 10px top;
    padding-top: 8px;
}
	
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 {
    background: #0091BD;
    border-radius: 0;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
	margin-right: 8px;
    margin-left: 17px;
    padding-left: 20px;
}
	
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 a {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
	line-height: 45px;
}	
	
/*-----------------DESKTOP--------------------------*/
@media screen and (min-width: 1025px) and  (max-width: 1440px) {
#top_1 .custom.entete {
    height: 525px;
    background-repeat: no-repeat;
    background-size: 1440px;
    position: relative;
}

}
/*-----------------LAPTOP--------------------------*/
@media screen and (min-width: 1025px) and  (max-width: 1280px) {
.row-fluid.bg_grey .span6 h2 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 500;
}

.contact .mainbody-inner{
	width:85%;
}


#footer .span7 {
    width: 57%;
}
#footer .span5 {
    width: 40%;
}
}	
	

/*--------------------MOBILES & TABLETTES----------------------*/
@media screen and (max-width: 768px) {

.home #top_1{
	margin-top:-27px;
	}
	
#footer .span7 {
    width: 95%!important;
}
#footer .span5 {
    width: 95%!important;
}

#footer .nav{
	text-align:left;
}
}

@media screen and (max-width: 1024px) {
	
/*TYPOGRAPHY*/

body{
	padding-top:0!important;
}

.blog, .item-page{
	width: 90%;
}
.blog p, .blog h2, .blog h3, .blog h4, .item-page p, .item-page h2, .item-page h3, .item-page h4, .item-page ul, .item-page dl{
	padding-left:0;
	padding-right:0;
}
/*HEADER*/
.navbar-static-top .container {
    width: 100%;
}
.navbar-brand {
    padding-left: 20px;
}
#top_1 .accueil .row-fluid{
	width: 80%; 
	margin-left: auto; 
	margin-right: auto;
}
.accueil .row-fluid [class*="span"], .activites .row-fluid [class*="span"]{
	margin-left:0;
}
.accueil .row-fluid .span6, .activites .row-fluid .span7{
	width:100%;
}
#top_1 .custom.entete, .page-article.references #top_1 .custom.entete {
    height: 373px;
    background-repeat: no-repeat;
    background-size: 1024px;
    position: relative;
}
.page-article.references #top_1 .entete .titre {
    top: 60%;
}

/*RUBRIQUE*/
.bg_ref {
	left:0;
	width: 100%;
}
.bg_ref h3 .section-title{
	font-size: 30px;
	font-size: 3rem;
}


/*EQUIPE*/
.row-fluid.bg_grey .span6.text {
    padding: 20px 50px 0 50px;
}
.row-fluid.bg_grey .span6 h2{
	font-size:22px;
	font-size:2.2rem;
	font-weight:500;
}

/*CONTACT*/
.contact .mainbody-inner{
	width:95%;
}
.contact .content{
	padding-right:0;
}

/*REFERENCES*/
.bg_ref p, .bg_ref h3{
	padding:5px 0;
}

.bg_ref h3{
	font-size:30px!important;
	font-size: 3.0rem!important;
}

/*BAS DE PAGE*/
#bot_4.bot-sl .row{
	width:90%;
}
.bot-sl .span3 {
    margin-left:5%;
}
#footer .span7 {
    width: 50%;
}
#footer .span5 {
    width: 45%;
}


}

/*----------------------- MOBILES --------------------*/

@media screen and (max-width: 767px) {

/*TYPOGRAPHY*/
h1{
	font-size: 32px;
	font-size: 3.2rem;
}


h2{
	font-size: 30px;
	font-size: 3rem;
}

h3{
	font-size:24px;
	font-size: 2.4rem;
}		
.blog p, .blog h2, .blog h3, .blog ul, .item-page p, .item-page h2, .item-page h3, .item-page ul{
	padding-left:5%;
	padding-right:5%;
}	

/*HEADER*/
#mainnav .container {
    margin-left: 24px;
	height:50px;
}
#mainnav .logo img{
	height:45px;
}	
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {

    padding-top: 17px;
}
.home #top_1{
	margin-top:0;
	}
.home #top_1 .container{
	padding:0;
}
#top_1 .accueil .play {
    top: 30%;
    left: 45%;
	width:45px;
	height:45px;
}

#top_1 .accueil h1{
	padding:0 0 0 5px;
	top:340px;
	font-size: 29px;
	font-size: 2.9rem;	
}
#top_1 .custom.accueil{
	padding: 0;
    background-size: 853px 480px;
}	
#top_1 .accueil .row-fluid {
    /*top: 425px;*/
}
.page-category #top_1 .entete h1 {
    position: relative;
    top: 30%;
}

.page-article.design #top_1 .custom.entete {
    background-position-x: -475px;
}

/*ACTIVITES*/
.custom.activites .row-fluid .span5{
	text-align:left;
	padding-left:10%;
	width:inherit;
}
.activites .title_poles {
    padding-left: 10%;
    width: 90%;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 54px;
    padding-bottom: 0;
}
#top_2 .custom.activites {
    height: 537px;
}

.activites h3, .activites p{
	padding:5px 10% 5px 10%;
	}
.activites h3{
	font-size:32px;
	font-size:3.2rem;
	line-height:38px;
	line-height:3.8rem;
}
.activites p{
	line-height:25px;
	line-height:2.5rem;
}
#top_3 .custom.activites{
	height:420px;
	padding-top:10px;
}
#top_4 .custom.activites{
	height:390px;
	padding-top:10px;
}

/*TEMOIGNAGES*/
.home #bot_2{
	display:none;
}

/*MENU*/
.mobilemenuck-bar-title{
	display:none;
}

#header{
	margin-left:0;
	margin-right:0;
}
.navbar-brand{
	text-align:left;
}

/*HEADER RUBRIQUE*/

div.menurubrique span {
    padding: 0;
    width: 100%;
    float: left;
}

h2.headline {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 37px;
    line-height: 3.7rem;
}
.blog h2, .item-page h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-weight: 400;
}
blockquote {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 44px;
    line-height: 4.4rem;
	width:100%
;
padding-bottom:inherit;
}
.metier{
	/*height:213px;*/
}

/*RUBRIQUE*/
.bg_ref {
	padding:2px 0 10px 0;
}



/*REFERENCES*/
.blog.references .row-fluid .span6 {
    width: inherit;
    margin-left: 0;
}
.blog.references .row-fluid .span6 h2{
	font-size:22px;
	font-size:2.2rem;
}
.page-article.references .row-fluid {
    padding: 20px 0;
}
.page-article.references .row-fluid .span4, .page-article.references .row-fluid .span8 {
    width: 93%;
    margin-left: 3%;
    margin-right: 3%;
}
.page-article.references .row-fluid .span8 h2{
	padding-top:20px;
	font-size:25px;
	font-size:2.5rem;
	line-height:30px;
	line-height:3rem;
}

/*EQUIPE*/.item-page-equipe .row-fluid .span3{
	width:100%;
	margin-left:0;
    padding: 0 10%;
}


/*CONTACT*/
.contact .mainbody-inner {
    width: 100%;
}
#userForm {
    padding: 60px 15px;
}
.contact .span3 {
    width: 80%;
    margin-left: auto;
	margin-right:auto;
}


/*BLOC CONTACT*/
.bot-sl .ja-module.contact{
	padding: 35px 5% 40px 5%;
}
.bot-sl .ja-module.contact .span4{
	position:inherit;
}
.arrow_gr {
    float: left;
}
.bot-sl .ja-module.contact h3{
	font-weight:500;
	font-size:24px;
	font-size:2.4rem;
	line-height:32px;
	line-height:3.2rem;
}

/*BAS DE PAGE*/

#footer .container{
	width:80%;
}
#footer .socialicons{
	float:left;
	margin-left:20px;
}
.bot-sl .span3 {
	width:80%;
    margin-left:auto;
	margin-right:auto;
}
#footer .nav > li {
    float: left;
    clear: both;
}

}

/*----------------- TABLETTES--------------------*/
@media screen and (min-width: 768px) and (max-width: 979px) {
/*.container, .span12{
	width:745px;
}*/

.home #top_1{
	margin-top:-27px;
	}
blockquote{
	font-size:32px;
	font-size:3.2rem;
}

/*EQUIPE*/
.item-page-equipe .row-fluid .span3{
	width:50%;
	margin-left:0;
	padding: 0 5%;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
h1{
	font-size: 48px;
	font-size: 4.8rem;
}


h2{
	font-size: 30px;
	font-size: 3rem;
}

h3{
	font-size:24px;
	font-size: 2.4rem;
}	



/*HEADER*/
#top_1 .accueil h1{
	padding:0 0 0 5px;
	top:415px;
}
#top_1 .custom.accueil{
	/*height:910px;
	padding: 0 10%;
    background-size: 1067px 600px;*/
}	
#top_1 .accueil .row-fluid {
    /*top: 520px;*/
}


/*ACTIVITES*/
.custom.activites .row-fluid .span5{
	text-align:left;
	padding-left:10%;
	width:50%;
}
.activites .title_poles {
	padding-left:10%;
	width:59%;
	font-size: 72px;
	font-size: 7.2rem;
	line-height:77px;
	padding-bottom:20px;
}
.activites h3, .activites p{
	padding:10px 10% 5px 10%;
	}
.activites h3{
	line-height:2.4rem;
}
#top_2 .custom.activites{
	height:511px;
	background-position:bottom;
	background-size: 1290px 430px;
}
#top_3 .custom.activites, #top_4 .custom.activites{
	padding-top:40px;
}
/*REFERENCES*/
#bot_1 .section-title{
	margin:10px 0 10px 5%;
}
#bot_1.bot-sl .container{
	padding:5px 0;
}
.page-article.references .row-fluid .span4 {
    width: 27%;
    margin-left: 2.5%!important;
    margin-right: 2.5%;
}
.item-page.references h2 {
    margin-top:0;
    font-size: 30px;
    font-size: 3rem;
}

/*RUBRIQUE*/
.row-fluid .span4{
	width:75%;
	margin-left:12.5%!important;
}
.bg_ref {
	padding:2px 0;
}

/*CONTACT*/
.contact .content{
	width:72%;
}

	
}