/* MEDIA QUERIES
================================================== */
/* Large desktop */
@media (min-width: 1200px) {
    #assistance li {
        height: 270px;
    }
    #assistance li div{
        height: 270px;
    }
    .pictoassistance {
        margin-bottom: -210px;
    } 
    #hometxt {
        width: 36%;
    }
    label.required {
        float: left;
margin-bottom: 20px;
    }
}

@media (min-height: 850px) { 
    #videohome {
        top: 230px;
    }
    
}




@media (min-width: 979px) and (max-width: 1280px) { 
    #home {
        background-position: -250px 30px;
    }
    label.required {
        float: none;
        margin-bottom: 0;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 1200px) {
    body #globalWrapper {
        margin-left:auto;
        margin-right:auto;
        width:100%;
    }
    .span9  {
        margin-left: 19%; 
    }


    .pictoassistance {
        margin-bottom: -210px;
    }
    .contentassistance {
        padding: 60px 25px 25px 25px;
    }
    #assistance li div{
        height: 270px;
    }
    #slidecaption {
        padding-top: 10%;
    }
    /** parallax **/
    #paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7,  #paralaxSlice8,  #paralaxSlice9,  #paralaxSlice10,  #paralaxSlice11, #paralaxSlice12  {
        background-size: 100% 120%;
        background-attachment: scroll;
    }
    .one_half {
        width: 300px;
    }
    #videohome {
        top: 0;
    }
    #home h1 {
        width: auto;
    }
    #playerfond iframe {
        top: 100px;
    }
    #playerfond {
        background-image: none;
        float: left;
        margin-left: 20px;
        top: -100px;
    }
    #home {
        background-image: none;
    }
    #paralaxSlice2 {
        background-image: none;
    }
    #mainMenu ul li a, #resMainMenu ul li a {
        height: 80px;
    }
    #hometxt {
        margin-bottom: 120px;
        width: 100%;
    }
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    #videohome {
        top: 0;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    #hometxt {
        margin-bottom: 120px;
    }
    #assistance li {
        margin-bottom: 20px;
    }
    #home {
        height: auto;
    }
    .left {
        float: none;
    }
    #containerservice {
        width: auto;
    }
    #services {
        height: auto;
        background-image: none;
    }
    #containerservice .left {
        width: auto;
    }
    #paralaxSlice1 {
        background-image: none;
        background-color: #82b0a3;
    }
    #paralaxSlice2 {
        background-image: none;
        background-color: #a76d6b;
    }
    #home {
        height: auto !important;
    }
    #temoignage {
        background-image: none;
        height: auto;
        width: auto;
    }
    #contentcomment ul {
        width: auto;
    }
    #contentcomment {
        height: auto;
    }
    #home {
        background-image: none;
    }
    .left div {
        height: auto !important;
    }
    .contentservice  {
        width: 100%;
    }
    #contentcomment {
        background-image: none;
    }
    #playerfond {
        background: none;
    }
    #assistance {
        width: auto;
        height: auto;
    }
    #assistance li {
        float: none;
        width: auto;
    }
    #paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7 {
        height: auto;
    }
    #playerfond iframe {
        top: 0;
        width: 100%;
        right: 0;

    }

    body #globalWrapper {
        margin:0 auto;
        width:100%;
    }

    #mainMenu,  #resMainMenu{
        float:none;
        text-align: left;
        width: 100%;
        max-height: 77px;
    }
    .fixedHeader {
        max-height: 96px;
    }
    #mainHeader .brand {
        text-align: center;
        width: 100%;
        margin-right:0;
        float:none;
    }
    .nav {
        margin:0 auto;
        display:inline-block;
    }


    .btn-large {
        font-size:1.2em;
    }
    .newsList h3 {
        font-size:1.2em;
    }
    #team h3 {
        font-size:1.2em;
    }
    .socialTeam li {
        display:inline-block;
    }
    #homeApp h1.bigTitle {font-size:2.3em; line-height:1.25em;}

    /*tabs*/
    .nav-tabs {width:100%;}
    .nav-tabs li {float:none;}
    .nav-tabs>li>a {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

    /* paralax*/
    #paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12 {
        background-attachment:scroll;
        background-size: 100% 120%;
    }

    /* NEKO CSS FRAMEWORK
================================================== */
    .iconWrapper.iconBig {
        height: 108px;
        width: 108px;
    }
    .iconWrapper.iconBig i {
        top: -10px;
        left: 16px;
    }
    /* END NEKO CSS FRAMEWORK
================================================== */


}
@media (max-width: 1280px) {
    input#commune {
        margin-top: 10px
    }
    
}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #mainMenu {
        float:left;
        text-align: center;
        width: 100%;
    }
    #playerfond iframe { 
        top: 0;
    }
    #playerfond {
        top: 100px;
      
    }
    #videohome {
        top: 0;
    }
    #assistance li {
        margin-bottom: 20px;
    }
    .left {
        float: none;
    }
    #containerservice {
        width: auto;
    }
    #services {
        height: auto;
        background-image: none;
    }
    #containerservice .left {
        width: auto;
    }
    #paralaxSlice1 {
        background-image: none;
        background-color: #82b0a3;
    }
    #paralaxSlice2 {
        background-image: none;
        background-color: #a76d6b;
    }
    #home {
        height: auto !important;
    }
    #temoignage {
        background-image: none;
        height: auto;
        width: auto;
    }
    #contentcomment ul {
        width: auto;
    }
    #contentcomment {
        height: auto;
    }
    #home {
        background-image: none;
    }
    .left div {
        height: auto !important;
    }
    .contentservice  {
        width: 100%;
    }
    #contentcomment {
        background-image: none;
    }
    #playerfond {
        background: none;
    }
    #assistance {
        width: auto;
        height: auto;
    }
    #assistance li {
        float: none;
        width: auto;
    }
    #paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7 {
        height: auto;
    }
    #playerfond iframe {
        top: 0;
        width: 100%;
        right: 0;

    }

    #mainHeader .brand {
        text-align: center;
        margin-bottom:20px;
        width: 100%;
        margin-right:0;
    }
    .nav {
        font-size: 0.9em;
        display: inline-block;
    }
    .newsList h3 {
        font-size:1.2em;
    }
    .socialTeam li {
        display:inline-block;
    }
    .span6.skills {
        margin-bottom:3em;
    }
    #homeApp h1.bigTitle {font-size:2.3em; line-height:1.25em; text-align:center;}
    #homeApp, .app footer{ text-align:center;}



    /* paralax*/
    #paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12 {
        background-attachment:scroll;
    }

    /* NEKO CSS FRAMEWORK
    ================================================== */
    .styleSwitcher {
        display:none;
    }
    .ctaBox, .ctaBox blockquote {
        text-align:center;
    }
    .ctaBox a {
        float:none;
    }
    .ctaBox.ctaBoxFullwidth {
        padding-left:0;
        padding-right:0;
    }
    .ctaBox.ctaBoxFullwidth {
        padding-left:0;
        padding-right:0;
    }
    .iconWrapper.iconBig {
        height: 108px;
        width: 108px;
    }
    .iconWrapper.iconBig i {
        top: -10px;
        left: 16px;
    }
    .one_half {
        width:100%;
        float: none;
    }
    .imgWrapper img {
        width:100%;
    }
    .topBox {
        text-align:center;
    }
    .topBox a {
        float:none;
    }
    /* END NEKO CSS FRAMEWORK
    ================================================== */

    body {
        padding:0
    }
    .container {
        padding:0 20px;
    }
    body #globalWrapper {
        margin:0;
        width:100%;
    }
    [class*="span"] {
        margin-bottom:1.5em;
    }
    .slice {
        padding:3em 0;
    }
    #mainMenu ul {
        display:none;
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin:0;
    }
    #mainMenu .responsive-nav {
        display:block;
        width:100%;
    }
    #mainHeader .navbar-inner {
        background:none!important;
    }
    ul.socialNetwork {
        margin-bottom:0.5em;
    }
    .isotopeItem .newBadge {
        left:auto;
        right:10px;
        top:9px;
    }
    .blocPhone {
        font-size:1.2em;
    }
    .bigTitle {
        font-size:3em;
    }
    .paralaxText blockquote {
        font-size:1.2em;
    }
    .blocPhone .iconWrapper {
        display:block;
    }
    #mainMenu .responsive-nav {
        margin-top:0.8em;
        margin-bottom:0.8em;
    }
    #mainHeader .brand {
        margin-top:1.4em;
    }
    #team img {
        width:100%;
        max-width:auto;
    }
    #team article div:first-child, #team .boxContent2, #team .boxContent {
        float:left;
        width:100%
    }
    #mapTriggerLoader .iconWrapper {
        display:block;
    }


    /* PARALAX
================================================== */
    #paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7 {
        background-size: 100% 100%;
        background-attachment: scroll;
    }

    .iconWrapper.iconBig {height:80px; width:80px;}
    .iconWrapper.iconBig i {font-size:50px; line-height:105px; left:14px;}
    /* END PARALAX
================================================== */	






}

/* Landscape phones and down */
@media (max-width: 480px) {
    h1.bigTitle {
        font-size:2em;
    }
    h2.bigTitle, h3.bigTitle {
        font-size:1.2em;
    }

    .media .pull-left, .media .pull-right {
        display:inline-block;
    }
    .projectWidget .pull-right, .projectWidget .pull-left {
        float:left;
    }
    .btn {
        font-size:12px;
    }
    #mainHeader .brand {
        text-align: center;
    }
    #mainHeader .brand, #mainMenu {
        float:none;
    }
    #mainMenu {
        width:100%;
        margin-top:10px;
    }
    .slice {
        padding-left:0;
        padding-right:0;
    }
    .boxFeature {
        margin-bottom:0;
    }
    .boxFeature .one_third, .boxFeature .two_thirds {
        text-align:center;
    }
    .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        width:100%;
        float: none;
    }
    .socialTeam li {
        display:inline-block;
    }
    #team .span3 {
        text-align:center;
    }
    .paralaxText {padding:3em 0 1.5em 0;}
    /*#mainHeader .brand {text-align: right;}*/

    .og-grid li {margin-left:0;}

    /*tabs*/
    .nav-tabs {width:100%;}
    .nav-tabs li {float:none;}
    .nav-tabs>li>a {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

}
@media (max-width: 240px) {
    h1 {
        font-size:2em;
    }
}

/* CUSTOM GRAPHIDOM 
    ================================================== */
/*le logo est trop gros*/
@media (max-width: 1201px) {	
    #mainHeader .brand img {width:150px;}
    #attention {background-size:cover;}
}
@media (max-width: 980px) {	
    #resMainMenu ul li a {padding:1em;}

    /*les aides*/
    .og-expander-inner .span8 {width:0.5%;}
    .og-expander-inner .span4 {width:99%;}

    /*prets*/
    #visuel_prets {max-width:150%;}
    #prets .span6:last-child{overflow:hidden;}

    /*savoir*/


    /*cds*/
    .og-fullimg img {width:1px;}

}

@media (min-width: 768px) and (max-width: 1201px) {	
    .nav {font-size: 0.8em;} 
    /*toogle*/
    .toogle_title {font-size:1em;font-weight:600;}

}

@media (max-width: 767px) {
    /*menu*/
    #mainHeader .brand {
        margin:0.5em 0em;

    }
    /*prets*/
    #visuel_prets {max-width:400px; width:80%;margin:0 auto; display:block;}

    /*savoir*/
    #visuel_savoir {max-width:300px; width:80%;}

    #logos_footer {text-align:center;}	
    #footerRights {text-align:center;}
     #tabs {
        width: 35%;
    }
    .tabs {
        width: 55%;
    }
}

@media (max-width: 450px) { 
        /*contacts-texte*/
    .mail {font-size:0.7em}
}

@media (max-width: 480px) {	
    /*menu*/
    #mainHeader .span12 {margin-bottom:0em;}
    #mainHeader .brand {text-align:left;}

    /*prets*/
    .toogle_title {font-size:0.86em; font-weight:bold;}
    #visuel_prets {width:200px;}

   
}