/*********************************************/
/******  RESPONSIVE MEDIA QUERIES 1200  ******/
/*********************************************/

@media screen and (min-width: 1200px) {

.wrap {max-width: 1200px; }
.wrap-rel {max-width: 1200px; }
/*.header-image {padding-left: 3em;}*/



}

/********************************************/
/******  RESPONSIVE MEDIA QUERIES 900  ******/
/********************************************/

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

.visible-xs {display: block !important;}
.hidden-xs {display: none !important;}
/* TOPBAR / NAVIGATION */
 .fleche {background: url(img/fleche.png) no-repeat 5em;}
.topbar .wrap {padding: 0;}
.topbar {height: auto;}
.topbar-logo {display: none;}
.topbar-logo-m {display:block; float: none; text-align: center; background: #ffffff; margin-top: 0px; padding: 2em 0;}
.menu-titre {display: block;}

.chapeau_mobile_acc {display:block;}
.chapeau_classique_acc {display:none}


/* HEADER */
.header .wrap {padding: 0;}
.header {margin-top: 0px; padding: 0;}
.header-image {display: none;}
.header-content p {display: none;}
.header-content {width: 100%; margin-left: 0;}
.header-content h1 {font-weight: 400; font-size: 1em; padding: .7em 0; text-align: center;}

/* CONTENT */
.content .wrap {padding: 0;}
.content-import {float: none; width: 93%; margin: 0 auto 2em auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.content-sidebar {float: none; width: 100%;}
.content-sidebar-modules {background: #e6e6e6; padding: 2em; margin-bottom: 0; border:0; border-bottom: 1px solid #c5c5c5; }
.etapes {padding: 0 0 1em 0;}
.color {background: #ffffff;}

/* PRESENTATION */
.presentation {margin-top: 2em; }
.presentation-content {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.pres-gauche {width: 100%; float: none;}
.pres-droite {width: 100%; float: none;}
.pres-hr {display: block;}

/* FOOTER */
.footer-copyright {display: block; text-align: center; border-right: 0; padding-right: 0; margin: 2.5em 0 1em 0;}
.footer-conseil {position: static; text-align: center; margin-top: 1em;}
.footer-menu {display: block; text-align: center; width: 50%; margin: 0 auto;}
.footer-menu li {border-top: 1px solid #ffffff; padding: 5px 0; }
.footer-menu li:first-child {border-top: 0;}
.footer-menu li a {display: block; width: 100%; padding: .5em;}
.copyright {text-align:center;}



}


/********************************************/
/******  RESPONSIVE MEDIA QUERIES 700  ******/
/********************************************/

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

.content-sidebar-modules {padding: 1em;}

/* QSN */
.qsn-content {border: 0; padding: 0;}
.qsn-mentions {padding: 1.5em 1em;}

.qsn-portrait {display: none;}
.qsn-paysage {display: block;}

/* PRESENTATION */
.presentation-content {padding: 1em;}

/* FOOTER 
.footer-copyright {float: none; text-align: center; border-right: 0; padding-right: 0; margin: 2.5em 0;}
.footer-conseil {float: none; text-align: center;}
.footer-menu {float: none; text-align: center;}
.copyright {text-align: left;}*/
.footer-menu {float: none; text-align: center; width: 80%; margin: 0 auto;}


}


/********************************************/
/******  RESPONSIVE MEDIA QUERIES 550  ******/
/********************************************/

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

.qsn-portrait {display: block;}
.qsn-paysage {display: none;}
.content {padding:1em 0 0 0;}
.navbar-brand img {max-height:65px;}
.titre-specif {font-size:24px;}

#headband { background: rgba(55, 55, 55, 0.53) none repeat scroll 0 0; font-size:11px; line-height:13px; }
#link-more a{  font-size:11px;  }

}


/********************************************/
/******  RESPONSIVE MEDIA QUERIES 340  ******/
/********************************************/

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



}







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

}

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

}