body
{
	margin:0px;
	padding:15px;
}
#biographie
{
	color:white;
	padding-bottom:170px;
}
.titre_a
{
	margin-left:20px;
	color:grey;
}
@font-face 
{
	font-family: "Avenir_bold";
	src: url("/styles/fonts/AvenirLTStd-Black.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_BlackOblique";
	src: url("/styles/fonts/AvenirLTStd-BlackOblique.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_Book";
	src: url("/styles/fonts/AvenirLTStd-Book.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_BookOblique";
	src: url("/styles/fonts/AvenirLTStd-BookOblique.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_Heavy";
	src: url("/styles/fonts/AvenirLTStd-Heavy.woff") format("woff");
}
@font-face 
{
font-family: "Avenir_HeavyOblique";
	src: url("/styles/fonts/AvenirLTStd-HeavyOblique.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_Light";
	src: url("/styles/fonts/AvenirLTStd-Light.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_LightOblique";
	src: url("/styles/fonts/AvenirLTStd-LightOblique.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_Medium";
	src: url("/styles/fonts/AvenirLTStd-Medium.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_MediumOblique";
	src: url("/styles/fonts/AvenirLTStd-MediumOblique.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_Oblique";
	src: url("/styles/fonts/AvenirLTStd-Oblique.woff") format("woff");
}
@font-face 
{
		font-family: "Avenir_Roman";
	src: url("/styles/fonts/AvenirLTStd-Roman.woff") format("woff");
}
/* MODIFICATION BOOTSTRAP */

@media (max-width: 1400px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	.centrage_reduction{
		max-width: 200px;
		margin: auto;
	}
}

#pied{
			min-height: 6em;
		}
		.contenant_general {
			margin-top: 45px;
			font-family: Avenir_book;
		}
		
		.contenu {
			max-width: 1302px;
			height: 800px;
			margin: auto;
			background-color: white;
			z-index: 3;
		}
		
		.titre_app_contenu {
			position: absolute;
			bottom: 0px;
			height: 60px;
			color: black;
			width: 100%;
			background-color: lightgrey;
			font-size: 1.8em;
			margin: 0px;
			padding: 0px;
			text-transform: uppercase;
			opacity: 0.8;
			line-height: 60px;
			/* hauteur de ligne (identique) */
			white-space: nowrap;
			/* interdiction de passer à la ligne */
			text-align: center;
		}
.contenant_general {
			margin-top: 45px;
			font-family: Avenir_book;
		}
		
		.contenu {
			max-width: 1302px;
			margin: auto;
		}
		
		.encarts {
			color: white;
			text-transform: uppercase;
			padding-top: 20px;
			font-size: 1.5em;
		}
		
		.rover1_demo {
			position: absolute;
			width: 100%;
			margin: 0px;
			padding: 0px;
			text-align: center;
			font-size: 2em;
			left: 0vw;
			margin-top: 24px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}
		
		.rover2_demo {
			position: absolute;
			width: 100%;
			margin: 0px;
			padding: 0px;
			text-align: center;
			font-size: 2em;
			left: 0vw;
			margin-top: 14px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}
		
		.rover3_demo {
			position: absolute;
			
			width: 100%;
			padding: 0px;
			text-align: center;
			font-size: 1.3em;
			left: 0vw;
			margin-top: 0px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}
.rover4_demo {
			position: absolute;
			top: -25px;
			width: 100%;
			padding: 0px;
			text-align: center;
			font-size: 1.3em;
			left: 0vw;
			margin-top: 0px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}
.rover5_demo {
			position: absolute;
			top: -25px;
			width: 100%;
			padding: 0px;
			text-align: center;
			font-size: 1.6em;
			left: 0vw;
			margin-top: 0px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}
.rover6_demo {
			position: absolute;
			top: -25px;
			width: 100%;
			padding: 0px;
			text-align: center;
			font-size: 1.3em;
			left: 0vw;
			margin-top: 0px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}
	.rover7_demo {
			position: absolute;
			top: -25px;
			width: 100%;
			padding: 0px;
			text-align: center;
			font-size: 1.3em;
			left: 0vw;
			margin-top: 0px;
			opacity: 0;
			color: white;
			text-transform: uppercase;
		}	
		@media screen and (max-width: 1000px) {
			.encarts {
				font-size: 1em;
			}
		}
		
		@media screen and (max-width: 768px) {
			.encarts {
				font-size: 3em;
			}
		}
		
		.app_contenu {
			text-align: center;
			background-color: lightgrey;
			margin-top: 15px;
		}
.app_contenu2 {
			text-align: center;
			background-color: white;
			margin-top: 15px;
		}
		
		.triangle {
			display: none;
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 25px 25px 25px;
			border-color: transparent transparent lightgrey transparent;
			top: 190px;
			left: 44%;
		}
		
		
/* REDUCTIONS DIVERSES */
@media (max-width: 600px) {
	.carousel-caption{
		font-size: 0.5em;
	}
}
@media (max-width: 767px) {

	#rover1_texte{
		
		font-size:1em;
	}
	#rover2_texte{
		
		font-size:1em;
	}
	#rover3_texte{
		
		font-size:0.7em;
	}
	#rover3_soustitre{
		font-size:0.7em;
	}
	#rover4_texte{
		
		font-size:1em;
	}
	#rover4_soustitre{
		font-size:0.7em;
		text-align: center;
	}
	#rover5_texte{
		
		font-size:1em;
	}
	#rover6_texte{
		
		font-size:1em;
	}
	#rover7_texte{
		
		font-size:1em;
	}
	.rover1_demo{
		font-size:1em;
	}
	.rover2_demo{
		font-size:1em;
	}
	.rover3_demo{
		font-size:0.7em;
	}
	.rover4_demo{
		font-size:1em;
	}
	.rover5_demo{
		font-size:1em;
	}
	.rover6_demo{
		font-size:1em;
	}
	.rover7_demo{
		font-size:1em;
	}
	.titre_app_contenu
	{
		font-size:0.7em;
	}
}
/* Version compacte très réduite */
body.compact .title-main {
    font-size: 1.2vw !important;   /* Très petit */
    margin-top: 0 !important;
    line-height: 1.2;
}
body.compact .title-sub {
    font-size: 0.9vw !important;   /* encore plus petit */
    margin-top: 0 !important;
}
body.compact .responsive-container {
    margin-top: 20px !important;   /* au lieu de 80px */
    background-size: 120px auto !important; /* logo plus petit */
    background-position: center 10px !important;
    min-height: 60px; /* force une petite hauteur */
}
body.compact .menu {
    margin-top: 0 !important;  /* Menu collé */
}