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

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

	/*
	h1 { font-size:32px }
	h2 { font-size:28px }
	h3 { font-size:22px }
	h4 { font-size:20px }
	h5 { font-size:19px }
	h6 { font-size:18px }
	*/

/*
	.entete > .container,
	.page-accueil .contenu .container,
	.page-accueil .zone-principale > .container {
		width:100%;
	}

	.page-accueil .zone-principale {
		padding:15px;
	}
*/

	.page-accueil .zone-principale {
		background-position:center 176px;
	}

	.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; }
	.pied .footer-subsribe .input-group { width:300px !important; }

}

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

	/*
	h1 { font-size:28px }
	h2 { font-size:24px }
	h3 { font-size:18px }
	h4 { font-size:16px }
	h5 { font-size:15px }
	h6 { font-size:14px }
	*/

	.page-accueil #slider-accueil .mode_diaporama .carousel-caption {
		position:relative;
	}

	.page-accueil .zone-principale {
		background-position:center 128px;
	}

	.page-accueil .bouton-domaine .description .titre {
		font-size: 18px;
		line-height: 20px;
	}

	.menu_general .level_1 > li > a {
		padding:35px;
		padding-left:15px;
		padding-right:15px;
		font-size:14px;
	}

}

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

	/*
	h1 { font-size:26px }
	h2 { font-size:22px }
	h3 { font-size:16px }
	h4 { font-size:14px }
	h5 { font-size:13px }
	h6 { font-size:12px }
	*/

	body {
		padding-top:75px;
	}

	.contenu > .container {
		padding-left:15px;
		padding-right:15px;
	}

	.page-accueil .contenu .container {
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
	}

	#slider-accueil {
		margin-bottom:0 !important;
	}

	.page-accueil .contenu-bas > .container {
		padding-top:30px;
		padding-bottom:0;
	}

	.page-accueil .zone-principale {
		background-image:none;
		background-color:#d0d25a;
	}

	.page-accueil .bouton-domaine {
		margin-bottom:15px;
	}

	.page-accueil .bouton-domaine:last-child {
		margin-bottom:0;
	}

	.page-accueil .bouton-domaine .description {
		bottom:auto;
		left:auto;
		right:auto;
		height:auto;
		position:relative;
	}

	.page-accueil .bouton-domaine .description .fleche {
		width:50px;
		height:50px;
		background-color:#7077e7;
		margin-left:-25px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		top:-15px;
		padding-top:10px;
	}

	.page-accueil .bouton-domaine .description .fleche .fa {
		color:#FFFFFFF;
		margin-top:-10px;
	}

	.page-accueil .bouton-domaine:first-child .description .fleche {
		background-color:#FFFFFF;
	}

	.page-accueil .bouton-domaine:first-child .description .fleche .fa {
		color:#1b0d4c;
	}

	.page-accueil .bouton-domaine:last-child .description .fleche {
		background-color:#473f3e
	}

	.page-accueil .zone-principale,
	.page-accueil .contenu-bas {
		padding:15px;
	}

	.contenu {
		padding-top:15px;
	}

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


	.menu_contextuel { display:none; }
	.breadcrumbs { display:none; }

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

	.pied {
		text-align:center;
	}

	.pied .colonne-gauche,
	.pied .colonne-centre,
	.pied .colonne-droite {
		margin-bottom:20px;
		text-align:center;
	}

	.pied .colonne-droite {
		margin-bottom:0;
	}

	.pied .colonne-droite p {
		display:block;
		border:0;
	}

	body.mentions-legales .zone-droite .bordure-gauche {
		border:0;
		padding-left:0;
		margin-top:30px;
		padding-top:30px;
		border-top:1px solid #1b0d4c;
	}

}


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

	/*
	h1 { font-size:22px}
	h2 { font-size:18px}
	h3 { font-size:12px}
	h4 { font-size:10px}
	h5 { font-size:9px }
	h6 { font-size:8px }
	*/


}