/*
 * Template Name: Contao
 * Description: Corporate Theme.
 * Version:
 * Author: Fingerprint Technologies
 * Website: http://www.fingerprint.fr
*/


@media (max-width: 1200px) {
	/*body { border:3px solid blue; }*/

	.contenu > .container,
	.menu > .container,
	.logo > .container,
	.menu-bas > .container,
	.top > .container,
	.agences > .container,
	.pied > .container,
	.breadcrumbs > .container,
	.copyright > .container {
		max-width:100% !important;
	}

	.top > .container,
	.breadcrumbs > .container,
	.menu > .container {
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.top,
	body > .entete {
		background-image:none;
		background-color:#004d77;
	}


	.footer {
		position: relative;
		height:auto;
		bottom:auto;
		left:auto;
		z-index:auto;
	}

    .wrap {
		background-color: transparent !important;
		margin-bottom:0;
		z-index:auto;
	}

	.pied { height:auto; }

}

@media (max-width: 992px) {
	/*body { border:3px solid green; }*/

	.menu-accueil .row .col-md-6.g,
	.menu-accueil .row .col-md-6.d {
		padding-left:15px;
		padding-right:15px;
	}

	.entete .logo {
		height:auto !important;
	}

	.entete .logo > .container h1{
		top:auto;
		position:relative;
	}

	.entete .logo > .container h1 img {
		width: 350px;
	}

	.footer .menu-bas .ce_item-menu {
		width:50%;
	}

	.footer .menu-bas .ce_item-menu:nth-child(2n+1){
		clear:both;
	}

	.footer .agences .ce_text ul li {
		width:50%;
	}

	.footer .agences .ce_text ul li:nth-child(2n+1){
		clear:both;
	}

	.menu-accueil .assistance-informatique .carre img,
	.menu-accueil .securite .carre img,
	.menu-accueil .carre.business-intelligence img,
	.menu-accueil .carre.externalisation-paie img {
		width:50% !important;
		margin:0 auto;
	}

	.menu-accueil .carre.business-intelligence,
	.menu-accueil .securite .carre {
		margin-bottom:15px;
	}

	.menu-accueil .carre.crm { padding-top:15px; padding-bottom:15px; }

	.menu-accueil .expertise .visuel .carre::before { display:none; }

	.menu_general .level_2 > li > a { font-size:12px; }
	.menu_general .level_3 > li > a { font-size:12px; }

	.menu_general .item .libelle .conteneur-picto { padding:10px; width:50px; height:50px; }
	.menu_general .item .libelle .conteneur-picto .picto { font-size:24px; width:32px; height:32px; }
	.menu_general .item a { padding-left:60px; }
	.menu_general .item .titre { font-size:12px; }

	.menu_general .level_2 { min-height:250px; }

	.news_diaporama .carousel-v1 .carousel-arrow a.carousel-control { width:35px; height:35px; }
	.news_diaporama .carousel-v1 .carousel-arrow a i { padding-top:7px !important; }
	.news_diaporama .donnees { padding-top:35px; padding-bottom:45px; }
	.news_diaporama a.plus-actualites { padding:10px 12px; }

	.copyright .col-droite {
		background-color:#242424;
	}

}

@media (max-width: 767px) {
	/*body { border:3px solid red; }*/

	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > .active > a {
		border-bottom: solid 2px #72c02c;
	}

	.header .navbar-default .navbar-nav > .trail > a {
		border-bottom: solid 2px #72c02c;
	}

	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		color: #72c02c;
	}

	/*Dropdown Menu*/
	.header .dropdown-menu {
		border-top: solid 2px #72c02c;
		border-bottom: solid 2px #687074;
	}

	.header .dropdown-menu li a {
		color: #687074;
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		color: #fff;
	}

	.top > .container {
		padding-left:0;
		padding-right:0;
	}

	.contenu {
		padding-top:15px;
	}


	.menu-accueil .dalle .over .libelle .fa-angle-right,
	.menu-accueil .carre .over .libelle .fa-angle-right {
		display:none;
	}

	.mod_personalData .form-control.text {
		width:100%;
	}

	.mod_lostPassword  .form-control.text,
	.mod_lostPassword  .form-control.captcha {
		width:100%;
	}

	.entete .logo { padding-top:0; }
	.entete .logo img { margin:0 auto; }
	.entete .logo h1 { margin-top:10px; margin-bottom:10px; }

	.pied {
		text-align:center;
		background-image:none;
	}
	.pied .footer-subsribe { width:100%; }
	.pied .footer-subsribe .input-group { margin:0 auto;}

	.pied .col-gauche,
	.pied .col-droite {
		padding:15px;
	}

	.pied .col-droite {
		background-color:#dadada;
	}

	.copyright .logo_copyright { float:none; }
	.copyright .logo_copyright img { display:block; margin:0 auto; }
	.copyright p {
		margin-right:0;
		text-align:center;
		display:block;
	}

	.copyright nav,
	.copyright nav li {
		display:block;
	}

	.copyright nav li {
		text-align:center;
	}

	.copyright .libelle-copyright {
		margin-bottom:10px;
	}

	.copyright .libelle-copyright::after {
		display:none;
	}

	.breadcrumbs { display:none; }

	.menu_contextuel li a {
		text-align:center;
	}

	.barre-contact .libelle {
		float:none;
		text-align:right;
		width:100%;
		position:absolute;
		left:0;
		top:0;
		padding-right:120px;
	}

	.titre-page {
		text-align:center;
		padding-left:15px;
		padding-right:15px;
	}

}

@media (max-width: 550px) {

	.menu-accueil .dalle .over .libelle .texte,
	.menu-accueil .carre .over .libelle .texte {
		font-size:12px;
	}

	.menu-accueil .carre .over .libelle {
		padding-top:5px;
	}

	.page-accueil .news_diaporama .carousel-inner .item .visuel,
	.page-accueil .news_diaporama .carousel-inner .item .donnees {
		display:block;
		width:100%;
	}

	.page-accueil .news_diaporama .carousel-inner .item .visuel.aucune-image {
		display:none;
	}

	.news_diaporama .donnees { padding-top:15px; padding-bottom:15px; }
	.page-accueil .news_diaporama a.plus-actualites { position:relative; }
	.page-accueil .news_diaporama .item a:hover { text-decoration:none !important; }


}

@media (max-width: 479px) {
	/*body { border:3px solid yellow; }*/


	.footer .menu-bas .ce_item-menu { width:100%; float:none; text-align:center; }
	.footer .agences .ce_text ul li { width:100%; float:none; text-align:center; }


	.footer .agences .ce_text ul li {
		padding-top:15px;
		padding-left:0;
		margin-bottom:40px;
	}

	.footer .agences .ce_text ul li h3 {
		margin-bottom:0;
	}

	.footer .agences .ce_text ul li h3 > a::before {
		left:50%;
		top:-10px;
		margin-left:-10px;
	}

	.pied .footer-subsribe .input-group { margin:0 auto; width:auto !important;}

}

@media (max-width: 340px) {
	.barre-contact .libelle {
		display:none;
	}