/*** Override ***/

@media screen and (min-width: 768px){
	body {
		margin-top: 0 !important;
	}
	
}


/**** BOOTSRAP- ****/
@media screen and (min-width: 768px) {	
	.navbar-nav > li {
	    min-width: 80px;
		text-align: center;
	}

	div.wrapper-block-front-middle {
		position: relative;
	}
	
	div.wrapper-block-front-middle a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-decoration: none; /* No underlines on the link */
		z-index: 10; /* Places the link above everything else in the div */
	}

	
}

@media screen and (min-width: 768px)  and (max-width: 992px) {	
	.header-logo-groupe {
	    background: url(../images/logos/logo-groupe-ratier.png) no-repeat right top;
	    min-height: 45px;
	    margin-top: -80px;
	}

	.fixed .header-logo-groupe {
	    background: url(../images/logos/logo-groupe-ratier.png) no-repeat right top;
	    min-height: 45px;
	    margin-top: -45px;
	}
}


@media screen and (min-width: 768px)  and (max-width: 1200px) {	
	.navbar-nav{

    max-height: 28px;
    overflow: hidden;
	}

	.nav > li > a {
	    padding: 4px 10px !important;
	}

	.navbar-nav > li {
	    min-width: 10px;
	    text-align: center;
	    width: auto;
	}
}


@media screen and (max-width: 768px) {	
	.header-logo-wrapper{
		background: #000 !important;
	}
	
	.navbar{
		position: fixed;
		width: 100%;
		z-index: 1030;
		top: 118px;
	}

	#navbar.fixed{
		position: fixed;
		width: 100%;
		z-index: 1030;
		top: 55px;
	}

	.fixed .navbar{
		position: fixed;
		width: 100%;
		z-index: 1030;
		top: 95px;
	}

	img.site-logo{
		clear: both;
		display: block;
		margin-top:30px;
	}

	.header-logo-groupe {
		padding: 0;
		min-height: 45px;
		background-position: center top;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	.fixed .header-logo-groupe {
	    display: none;
	}

	.container-fluid.header-logo-wrapper{
		padding: 0;
	}

	.container.logos-wrapper{
		padding: 0;
		background-color: #000;
	}

	.header-logo-wrapper.fixed .logos-wrapper{
		height: 55px;
	}

	.region-slideshow{
		margin-top: 35px;
	}

}

@media screen and (max-width: 400px) {	
	.header-logo img {
		max-width: 100%;
	}
}

/**** BOOTSTRAP-SM *****/
@media screen and (max-width: 768px) {
	
	/***** HEADER *****/
	.navbar-inverse {
		height: auto;
	}
	
	.navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav li:hover, .navbar-inverse .navbar-nav li:focus {
		border: none;
	}
	
	.navbar-nav {
		margin: 7.5px 0px;
	}
	
	.navbar-inverse .navbar-toggle {
		border: none;
		float: none;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	
	.navbar-toggle .icon-bar {
		width: 24px;
		height: 3px;
	}
	
	.header-language {
		position: absolute;
	    right: 0;
	    width: 80px;
	}

	/*
	.header-main-menu{
		display: none;
	}
	*/
	
	/***** /HEADER *****/
	
	/***** PAGE CARRIERE *****/
	.page-node-type-carriere .field--name-body .field--label {
		text-align: center;
		margin-top: 20px;
	}
	
	.page-node-type-carriere .carriere-right {
		padding-left: 15px;
	}
	
	.page-node-type-carriere .carriere-left {
		border-right: none;
		padding-right: 15px;
	} 	

	.page-node-type-carriere .carriere-header {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.page-node-type-carriere .carriere-bottom {
		margin-top: 0;
		border-top: none;
		padding-top: 0;
		margin-top: 30px;
	}
	
	.page-node-type-carriere .carriere-bottom .bottom-right {
		margin-top: 20px;
	}
	
	.page-node-type-carriere .carriere-bottom .bottom-right,
	.page-node-type-carriere .carriere-bottom .bottom-left {
		padding: 0;
	}
	
	.page-node-type-carriere .carriere-bottom .bottom-right a,
	.page-node-type-carriere .carriere-bottom .bottom-left a {
		width: 100%;
	}
	
	.page-node-type-carriere h1.carriere-title {
		font-size: 1.5em;
	}
	
	
	.path-carrieres .link-to-postuler a,
	.path-carrieres #edit-actions #edit-submit-carrieres,
	.path-carrieres .form-item-field-type-de__value .select-wrapper,
	.path-carrieres .form-item-field-carriere-metier-target-id .select-wrapper {
		width: 100%;
	}
	
	.view-carrieres .views-col .views-field-view-node {
	    position: relative;
	    bottom: 0;
	    right: 0;
	}
	
	/***** /PAGE CARRIERE *****/
	
	/***** PAGE POSTULER *****/
	
	#webform-submission-postuler-add-form #edit-candidat,
	#webform-submission-postuler-add-form #edit-candidature {
		min-height: auto;
	}
	
	/***** /PAGE POSTULER *****/
	
	
	/**** FOOTER ****/
	.container-fluid.footer-blocks-wrapper .region-footer-blocks .footer-blocks-left, .region-footer-blocks .footer-blocks-content, .container-fluid.footer-blocks-wrapper {
		padding: 0;
	}
	
	.container-fluid.footer-blocks-wrapper .region-footer-blocks .footer-blocks-left img {
		width: 100%;
	}
	
	.container-fluid.footer-blocks-wrapper .region-footer-blocks .footer-blocks-left {
		padding-top: 15px;
	}
	
	.container-fluid.footer-blocks-wrapper .region-footer-blocks .footer-blocks-main-content h1 {
		padding-left: 10px;
	}
	
	.region-footer-blocks .footer-blocks-date .footer-blocks-date-month {
		font-size: 1.5em;
		margin-top: 10px;
	}
	
	.region-footer-blocks #block-views-block-actualites-block .footer-blocks-content {
		border: none;
	} 
	
	.region-footer-blocks #block-views-block-derniere-carriere-block {
		padding: 0;
	}
	
	.region-footer-blocks #block-views-block-derniere-carriere-block {
		padding-bottom: 30px;
	}
	
	.footer-wrapper #block-copyright, .footer-wrapper #block-ratier-footer {
		text-align: center;
	}
	
	/**** /FOOTER ****/
	
	/**** CKEDITOR ****/
	
	.main-container-wrapper .ckeditor-template-block .right-content {
		padding: 20px 0 0 0;
	}
	
	.main-container-wrapper .ckeditor-template-block .cke-right-side.bkg-blue {
		margin-top: 20px;
	}
	
	/**** /CKEDITOR ****/
	
	.views-col.col-1, .views-col.col-2 {
		width: 100% !important;
	}
	
	.view-carrieres .views-col.col-1 .view-carriere-wrapper-cols {
		margin-right: 0;
	}
	
	.view-carrieres .views-col .view-carriere-wrapper-cols {
		height: auto;
	}
	
	.view-carrieres .view-filters {
		margin-left: 0;	
	}
	
	.view-carrieres .view-carrieres-row-wrapper {
		padding: 0;
	}
	
	.view-carrieres .postuler-wrapper {
		margin-top: 20px;
		text-align: center;
	}
	
	.path-frontpage #block-blockbottom .field--name-body > div {
		margin: 0;
		padding: 0;
	}

	.path-frontpage #block-blockbottom .block-bottom-element-image img {
		width: auto;
	}
	
	.bottom-blocks-wrapper .container, 
	.path-frontpage #block-blockbottom .block-bottom-element,
	.path-frontpage #block-blockbottom .block-bottom-element .block-bottom-element-image {
		padding: 0
	}
	
	.bandeau-wrapper {
		display: none;
	}
	
	/**** CONTACT ****/
	.contact-wrapper, .contact-header, .contact-wrapper #edit-form,
	.contact-left, .contact-right  {
		padding: 0;
	}
	
	.contact-wrapper #edit-actions {
		margin-top: 0;
		width: 100%;		
		padding: 0 10px 0 10px;
	}
	
	.contact-wrapper #edit-actions .webform-button--submit {
		width: 100%;
	}
	
	.contact-wrapper .contact-img {
		margin: 30px 0 10px 0;
	}
	
	.contact-wrapper .field--name-field-google-map iframe {
		min-height: 400px;
		margin-top: 30px;
	}
	
	/***** FRONTPAGE *****/
	
	.wrapper-block-front-middle {
		height: auto;
		min-height: auto;
	}
	
	.wrapper-block-front-middle .field--name-field-block-front-middle-image,
	.wrapper-block-front-middle .field--name-body {
		display: none;
	}
	
	.wrapper-block-front-middle .field--name-field-block-front-middle-title {
		text-align: left;
		padding-left: 10px;
		color: #ffffff;
		background: url(/themes/ratier/images/icons/arrow.png) no-repeat #e55520 right;
	}
	
	.path-frontpage .field--name-field-block-front-middle-more a {
		line-height: 1.8em; 
	}
	
	.region-middle-blocks .middle-blocks-block {
		margin: 0;
		margin: 5px 0;
		background-color: #e55520;
		color: #ffffff;
	}
	
	/***** /FRONTPAGE *****/
}






/**** BOOTSTRAP-XS *****/
@media screen and (max-width: 576px) {
	
	/***** PAGE CARRIERE *****/
	.page-node-type-carriere .field--name-body .field--label {
		text-align: center;
		margin-top: 20px;
	}
	
	.page-node-type-carriere .carriere-right {
		padding-left: 15px;
	}
	
	.page-node-type-carriere .carriere-left {
		border-right: none;
		padding-right: 15px;
	} 	

	.page-node-type-carriere .carriere-header {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.page-node-type-carriere .carriere-bottom {
		margin-top: 0;
		border-top: none;
		padding-top: 0;
		margin-top: 30px;
	}
	
	.page-node-type-carriere .carriere-bottom .bottom-right {
		margin-top: 20px;
	}
	
	.page-node-type-carriere .carriere-bottom .bottom-right,
	.page-node-type-carriere .carriere-bottom .bottom-left {
		padding: 0;
	}
	
	.page-node-type-carriere .carriere-bottom .bottom-right a,
	.page-node-type-carriere .carriere-bottom .bottom-left a {
		width: 100%;
	}
	
	.page-node-type-carriere h1.carriere-title {
		font-size: 1.8em;
	}
	
	/***** /PAGE CARRIERE *****/
	
	/***** PAGE POSTULER *****/
	
	#webform-submission-postuler-add-form #edit-candidat, #webform-submission-postuler-add-form #edit-candidature, #webform-submission-postuler-add-form #edit-actions {
		padding: 15px;
	}
	
	#webform-submission-postuler-add-form #edit-candidat,
	#webform-submission-postuler-add-form #edit-candidature {
		min-height: auto;
	}
	
	/***** /PAGE POSTULER *****/
	


}