@media (max-width: 991px) {
	#main {
		padding: 0;
	}

	/**** NAVIGATION ****/
	.navbar-collapse.collapse { display: none !important; }
	.collapse.in { display: block !important; }
	.ie8 .navbar-collapse.in { overflow-y: hidden; }
	.top-header {
		height: auto;
		min-height: 40px;
	}
	.top-header .container {
		width: 100%;
		padding: 0;
	}
	.top-header .block { margin: 0;}
	.navbar-brand {
		height: auto;
		padding: 10px 15px;
	}
	#navigation ul { margin-bottom: 0; }
	#navigation ul.menu { text-align: left; }
	#navigation ul.menu li {
		display: block;
		border-top: solid 1px #640f63;
		height: auto;
		text-transform: uppercase;
		padding-right: 4px;
		background: none;
	}
	#navigation ul.menu li a {
		padding: 4px 0 0 11px;
		margin: 0;
		font-size: 16px;
	}
	#navigation ul.menu li a:hover { border: none;}
	#navigation ul.menu li.expanded ul.menu {
		display: none;
		background-color: transparent;
	}
	#navigation ul.menu li.expanded:hover ul.menu {
		display: none;
		position: static;
		background-color: transparent;
		padding: 0;
		width: auto;
	}
	#navigation ul.menu li.expanded ul.menu li {
		border: none;
		text-transform: none;
		line-height: 28px;
	}
	.menu-parent-link { background: transparent url(../images/arrow-orange-menu-rwd.png) 97% 5px no-repeat !important;}
	#navigation ul.menu li.menu-parent-link.show { background: transparent url(../images/arrow-down-orange-menu-rwd.png) 97% 9px no-repeat !important;}
	#navigation ul.menu li.menu-parent-link.show ul.menu { display:block;}
	#navigation ul.menu li.expanded ul.menu li a {
		padding: 0 0 0 30px;
		font-size: 14px;
		background: transparent url(../images/arrow-orange-menu.png) no-repeat 20px 8px;
		font-size: 16px;
	}
	#navigation ul.menu li.expanded ul.menu li a:hover {
		padding: 0 0 0 30px;
		background: transparent url(../images/arrow-orange-menu.png) no-repeat 20px 8px;
	}

	.navbar-toggle {
		float: none;
		display: block;
		font-size: 20px;
		padding: 5px 0 0 9px;
		margin: 0;
		color: #fff;
	}

	.navbar-toggle span {
		font-size: 24px;
		margin-right: 5px;
		vertical-align: -3px;
	}

	body.sidebar-first #sidebar-first { width: auto; }
	/*** HEADER ***/
	#header-content {
		padding: 17px 0 17px;
		height: 117px;
	}
	/***** Logo ****/
	#header #logo {
		float: left;
		margin: 8px 45px 0 7px;
	}
	#header #logo img {
		width: 183px;
		height: auto;
	}
	/***** Bloc des 3 boutons Call To Action *****/
	.buttons-CTA { margin-bottom: 0; }
	.buttons-CTA li {
		margin: 0 5px;
	}
	.ie8 .buttons-CTA li { margin: 0 4px; }
	.buttons-CTA li img {
		width: 154px;
		height: auto;
	}
	/**** Bloc Moteur de recherche ****/
	.block-search {
		width: 485px;
		position: absolute;
		left: 241px;
	}
	.block-search input.form-text { width: 421px; }
	.ie8 .block-search input.form-text { margin-right: 6px; }
	.block-search input[type="submit"] { width: 52px; }

	/**** NAVIGATION SECONDAIRE (FORMATIONS) ****/
	#navigation-formations { padding: 18px 0 11px; }
	#navigation-formations ul.menu > li { margin: 0 5px 0 0; }
	.ie8 #navigation-formations ul.menu > li { margin: 0 4px 0 0; }
	#navigation-formations ul.menu > li a { width: 136px; }
	#navigation-formations ul.menu > li a span {
		width: 136px;
		background-position: 82px 6px;
	}
	#navigation-formations ul.menu > li a.rose > span { background-position: 20px 11px; }
	#navigation-formations ul.menu > li a span span{
		font-family: "source_sans_proregular";
		font-weight: bold;
		font-size: 13px;
		letter-spacing: initial;
		width: 136px;
	}
	#navigation-formations ul.menu > li a.vert { width: 143px; }
	#navigation-formations ul.menu > li a.vert span { width: 143px; }
	#navigation-formations ul.menu > li a.vert span span{ width: 143px;}
	#navigation-formations ul.menu > li:hover ul.menu {
		width: 720px;
		padding: 14px 0 14px 14px;
	}
	.ie8 #navigation-formations ul.menu > li:hover ul.menu {
		width: 716px;
		padding: 14px 0 14px 14px;
	}
	#navigation-formations ul.menu > li ul.menu.violet { left: -151px; }
	#navigation-formations ul.menu > li ul.menu.orange { left: -439px; }
	#navigation-formations ul.menu > li ul.menu.bleu { left: -295px; }
	#navigation-formations ul.menu > li ul.menu.rose { left: -583px; }
	.ie8 #navigation-formations ul.menu > li ul.menu.violet { left: -150px; }
	.ie8 #navigation-formations ul.menu > li ul.menu.orange { left: -436px; }
	.ie8 #navigation-formations ul.menu > li ul.menu.bleu { left: -294px; }
	.ie8 #navigation-formations ul.menu > li ul.menu.rose { left: -582px; }
	#navigation-formations ul.menu > li ul.menu li {
		width: 338px;
		margin-right: 14px;
	}
	.ie8 #navigation-formations ul.menu > li ul.menu li { width: 328px; }
	#navigation-formations ul.menu > li ul.menu ul.sub-list ul.sub-list { width: 338px;}
	.ie8 #navigation-formations ul.menu > li ul.menu ul.sub-list ul.sub-list { width: 328px;}
	.ie8 #navigation-formations ul.menu > li ul.menu li li {
		margin: 4px 0 0 0;
		width: 328px;
	}
	#navigation-formations ul.menu > li ul.menu li a { font-size: 12px; }
	#navigation-formations ul.menu > li ul.menu li ul.menu li a { font-size: 12px; }

	/**** Top content Home Page *****/
	.bloc-metiers, .bloc-actualites, .bloc-formations, .bloc-temoignages {
		width: 100% !important;
		height: auto;
	}
	.bloc-actualites .view-les-actualit-s, .bloc-metiers .view-les-metiers { height: auto; }
	.bloc-metiers .views-field-title, .bloc-actualites .content, .bloc-metiers .content  {
		width: auto;
		height: auto;
	}
	.bloc-metiers img, .bloc-metiers .views-field-title { vertical-align: middle; }
	.bloc-metiers .view-footer a span {
		height: 46px;
		padding: 15px 0;
	}
	.bloc-actualites .view-footer a, .bloc-metiers .view-footer a {
		position: relative;
		width: 100%;
		bottom: 0;
		height: auto;
		left: 0;
	}
	.bloc-metiers .view-footer a {
	    margin-top: 20px;
	}
	.bloc-formations .content li span { width: auto; }

	/**** Contenu Accueil ****/
	.bloc-content-home .container-table div, .bloc-content-home .container-table div:first-child, .bloc-content-home .container-table { width: auto; }
	.bloc-content-home .container-table div:first-child {
		border: none;
		margin-right: 0;
		padding-right: 0;
	}

	/**** Carousel sélection de formations ****/
	.bx-viewport { height: 250px !important; }
	#views-slideshow-bxslider-images-1 li {
		width: 200px !important;
		margin: 0 11px;
	}
	#views-slideshow-bxslider-images-1 img {
		width: 198px;
		height: 132px;
	}
	#views-slideshow-bxslider-images-1 .views-field-nothing span.field-content span.dates-formation {
		margin-top: 132px;
	}

	/**** Inscription newsletter ****/
	#top-footer input[type="text"], .ie8 #top-footer input[type="text"] { width: 224px; }
	#top-footer input[type="text"], #top-footer input[type="submit"] { height: 50px; }

	/*** Bloc sur-titre fiche formation ***/
	.view-sur-titre-fiche-formation { width: 566px; }
	body.taxonomy-121.node-type-formation-fiche-formation .view-sur-titre-fiche-formation .views-field-name-1 { width: 351px;}
	body.taxonomy-123.node-type-formation-fiche-formation .view-sur-titre-fiche-formation .views-field-name-1 { width: 343px;}
	body.taxonomy-124.node-type-formation-fiche-formation .view-sur-titre-fiche-formation .views-field-name-1 { width: 272px;}
	body.taxonomy-125.node-type-formation-fiche-formation .view-sur-titre-fiche-formation .views-field-name-1 { width: 260px;}

	/**** Bouton CTA inscription annuaire ****/
	.call_to_action_orange {
		text-align: center;
		line-height: 1;
	}
	#footer hr { display: none; }
	#footer .col-1 { margin-bottom: 15px; }
}
@media (min-width: 992px) {
	.top-header .navbar-brand { display: none; }
	.navbar-toggle { display: none; }
	.container { width: 976px; }
}
@media (min-width: 1200px) {
	.container {
		width: 976px;
	}
}

@media (max-width: 767px) {
	#main {
		padding: 0 8px;
		margin-top: 30px;
	}

	/**************************************************
	* Header logo + boutons + recherche
	**************************************************/
	#header-content {
		height: auto;
		padding: 10px 5px;
	}
	#header-content .row {
		margin: 0;
	}
	#header #logo {
		margin: 0;
		display: block;
		width: 60%;
	}
	#header #logo img {
		width: 100%;
		height: auto;
		max-width: 265px;
	}
	.buttons-CTA {
		width: 40%;
		text-align: right;
		display: inline-block;
		margin: 0;
		letter-spacing: -0.25em;
	}
	.buttons-CTA li {
		margin: 0;
	}
/*	.buttons-CTA li:first-child {
		display: none;
	}*/
	.buttons-CTA li img {
		width: 90%;
		height: auto;
		max-width: 194px;
	}
	.block-search {
		position: static;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.block-search input.form-text {
		width: 80%;
		height: 36px;
		margin-right: 0;
	}
	.block-search input[type="submit"] {
    	width: 19%;
		float: right;
	}

	/**************************************************
	* Accueil
	**************************************************/
	.front #container {
    	padding: 0;
	}

	/**************************************************
	* Accueil - Bloc Les Métiers
	**************************************************/
	.bloc-metiers .views-field-title {
		width: 76%;
	}
	.bloc-metiers .view-footer a span {
		padding: 7px 0;
	}

	/**************************************************
	* Accueil - Bloc Les Formations
	**************************************************/
	.bloc-formations .content img {
		width: 100px;
		height: auto;
		margin-right: 22px;
	}
	.bloc-formations .content div.views-row a {
		background-position: 110px center, 98% center;
	}
	.bloc-formations .content div.views-row span.dom-mediateur {
		width: 142px;
		font-size: 16px;
		line-height: 20px;
	}

	/**************************************************
	* Accueil - Bloc Présentation du centre
	**************************************************/
	.bloc-content-home td {
		display: table-cell;
		width: 50% !important;
	}
	.bloc-content-home td img {
		width: 90%;
		height: auto;
	}
	.bloc-content-home td img.image_gauche {
		width: auto;
	}

	/**************************************************
	* Menu des formations & métiers
	**************************************************/
	#navigation-formations {
		padding: 15px 5px;
	}
	#navigation-formations ul.menu > li {
    	display: block;
		margin: 0 0 5px 0;
	}
	#navigation-formations ul.menu > li:last-child {
		margin: 0;
	}
	#navigation-formations ul.menu > li a,
	#navigation-formations ul.menu > li a span {
		width: 100% !important;
	}
	#navigation-formations ul.menu > li a {
		height: 75px;
		background-position: center 60px !important;
	}
	#navigation-formations ul.menu > li a span {
		height: 60px;
		padding-top: 8px;
		background-position: 98% center;
	}
	#navigation-formations ul.menu > li a.rose > span {
    	background-position: 98% top;
	}
	#navigation-formations ul.menu > li a span span {
		top: 28px;
	}
	#navigation-formations ul.menu > li a.rose span span {
    	top: 16px;
	}
	#navigation-formations ul.menu > li a span span br {
		display: none;
	}

	/* Menu des formations & métiers - Lien affiché en JS
	**************************************************/
	#navigation-formations-list {
		display: block;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		line-height: 1;
	}
	#navigation-formations-list::after {
		display: block;
		font-family: 'Glyphicons Halflings';
		content: '\e114';
		margin-bottom: -6px;
	}
	#navigation-formations-list.close-menu-formations {
		text-align: right;
	}
	#navigation-formations-list.close-menu-formations::after {
		content: '\e014';
		margin: 10px 0 -10px 0;
	}

	/* Menu des formations & métiers - SOUS MENUS
	**************************************************/
	#navigation-formations ul.menu > li.expanded ul.menu {
		/* On le cache pour l'afficher ensuite en JS */
		display: none;
		position: static;
    	width: 100%;
    	padding: 10px 10px 2px 10px;
		background: #fff;
	}
	#navigation-formations ul.menu > li ul.menu ul.sub-list {
		float: none;
	}
	#navigation-formations ul.menu > li ul.menu li {
		width: 100%;
		margin-right: 0;
	}
	#navigation-formations ul.menu > li ul.menu ul.sub-list ul.sub-list {
		width: 100%;
		/* Sur mobile on cache les modules d'une formation' */
		display: none;
	}
	#navigation-formations ul.menu > li ul.menu ul.sub-list:last-child li:last-child a {
		border-bottom: none;
	}

	/**************************************************
	* Boutons de partage
	**************************************************/
	.boutons-partage div {
		display: block;
	}
	.boutons-partage .block-title,
	.view-infos-formation .view-footer p {
		padding: 0;
		background: none;
	}
	.boutons-partage a:first-child,
	.view-infos-formation .view-footer a:first-child {
		margin-left: 0;
	}

	/**************************************************
	* Footer
	**************************************************/
	/* Footer - Newsletter / Inscription annuaire
	**************************************************/
	#top-footer .bloc-newsletter div {
		display: block;
	}
	.bloc-newsletter form div:first-child {
		width: 64%;
		float: left;
	}
	.bloc-newsletter form div:last-child {
		width: 38%;
		float: left;
		margin-left: -2%;
	}
	#top-footer input[type="text"],
	#top-footer input[type="submit"],
	.call_to_action_orange {
		width: 100%;
	}
	#top-footer input[type="submit"] {
		left: 0;
	}
	.bloc-inscription-annuaire {
		margin: 0;
	}

	/* Footer - Menu
	**************************************************/
	.footer-content ul {
		margin-top: 10px;
		text-align: center;
		/* remove inline-block white space */
		letter-spacing: -0.31em;
	}
	.footer-content li {
		display: inline-block;
		width: 42%;
		padding: 2px 5px;
		margin: 2px;
		background: none !important;
		letter-spacing: normal;
	}
	.footer-content li a {
		display: block;
		background: #eb680a;
		color: #fff;
		border-radius: 4px;
		text-align: center;
	}
	.footer-content li a:focus,
	.footer-content li a:hover {
		background: #0B9E4F;
		text-decoration: none;
	}

	/* Footer - Réseaux sociaux
	**************************************************/
	.block-social-network {
		width: 320px;
		margin: 0 auto;
	}
	.block-social-network iframe,
	.block-social-network #___page_0 {
		width: 100% !important;
	}
	.block-social-network #___page_0 {
		border: 1px solid #ccc !important;
	}

	/* Footer - Coordonnées / Copyright
	**************************************************/
	.footer-content .block-contact-artec div.content {
		text-align: center;
	}
	.region-bottom-footer .block:first-child {
		margin: 0;
	}
	.region-bottom-footer p {
		text-align: center !important;
	}

	/**************************************************
	* Général
	**************************************************/
	.breadcrumb {
		display: none;
	}
	body h1 {
		font-size: 20px;
	}
	h2,
	.node-type-formation-fiche-formation article h2 {
		font-size: 18px;
	}
	input[type="text"],
	input[type="submit"],
	select,
	textarea {
		width: 100%;
	}
	.main-content {
		word-wrap: break-word;
	}
	.main-content img {
		max-width: 100%;
		height: auto;
	}
	table {
		width: 100% !important;
        table-layout: fixed;
    }
    td {
        display: block;
        width: 100% !important;
    }
	iframe {
		width: 100%;
		height: auto;
	}

	/**************************************************
	* Pages Formation / Médiateurs / Cycles
	**************************************************/
	.vocabulary-mediateurs-et-cycles h1 {
		padding: 0;
		margin-top: 0;
	}
	.mediateur-cycle .titre a {
		line-height: 1;
		background-position: left 7px;
	}
	.node-type-article .field-name-field-image,
	.vocabulary-mediateurs-et-cycles .field-name-field-mc-photo,
	.field-name-field-photo-de-la-formation {
    	margin-bottom: 10px;
		text-align: center;
	}
	.node-type-article .field-name-field-image img,
	.vocabulary-mediateurs-et-cycles .field-name-field-mc-photo img,
	.field-name-field-photo-de-la-formation,
	.field-name-field-photo-de-la-formation img {
		float: none;
		margin: 0;
	}
	#block-views-sur-titre-fiche-formation-block {
		width: 100%;
		min-width: 282px;
		font-size: 14px;
	}
	.view-sur-titre-fiche-formation {
		width: 100%;
	}
	.view-sur-titre-fiche-formation .views-row div {
		max-width: none;
	}
	.node-type-formation-fiche-formation .view-sur-titre-fiche-formation .views-field-name-1 {
		width: 50% !important;
	}
	.domaines-mediateurs {
		display: none;
	}

	/**************************************************
	* Page Recherche
	**************************************************/
	.search-form label {
		display: block;
	}
	.search-form input[type="text"] {
		width: 66%;
	}
	.search-form input[type="submit"] {
		width: auto;
	}

	/**************************************************
	* Pagination
	**************************************************/
	.item-list .pager li.pager-item,
	.item-list .pager li.pager-ellipsis {
		display: none;
	}
	.pager-first a,
	.pager-previous a,
	.pager-next a,
	.pager-last a {
		line-height: 0;
		font-size: 0;
		color: transparent;
	}
	.pager-first a::after,
	.pager-previous a::after,
	.pager-next a::after,
	.pager-last a::after {
		font: 14px/1.42857 'Glyphicons Halflings';
		color: #eb680a;
	}
	.pager-first a::after {
		content: '\e070';
	}
	.pager-previous a::after {
		content: '\e071';
	}
	.pager-next a::after {
		content: '\e075';
	}
	.pager-last a::after {
		content: '\e076';
	}

	/**************************************************
	* Page liste Métiers
	**************************************************/
	.view-metiers .views-field-field-metier-picto {
		width: 20%;
	}
	.view-metiers img {
		width: 100%;
		height: auto;
		margin-top: 2px;
	}
	.view-metiers .views-field-title {
		width: 76%;
	}
	.view-metiers .views-field-title .field-content a {
		font-size: 16px;
		line-height: 1;
		display: block;
	}

	/**************************************************
	* Pages Métiers
	**************************************************/
	.field-name-field-metier-photo img {
		width: 30%;
	}

	/**************************************************
	* Page liste Actualités
	**************************************************/
	.view-id-toutes_nos_actualit_s .views-field-title .field-content a {
		line-height: 1;
	}

	/**************************************************
	* Pages Contact / Inscription annuaire
	**************************************************/
	.webform-component {
		width: 100% !important;
	}
	#annuaire-fiche-praticien-node-form label {
		text-align: left;
		width: auto;
		padding: 0;
	}
	#annuaire-fiche-praticien-node-form #edit-field-formations-suivies-und {
		height: auto;
	}

	/**************************************************
	* Bloc Sélection de Formations
	**************************************************/
	.bloc-selection-formations .content li img {
		width: 15%;
	}
	.bloc-selection-formations .content li span.content-formation {
		width: 78%;
	}
}