#SousMenu .nav>li>a:hover, 
#SousMenu .nav>li>a:focus, 
#Entreprises .vignette_bande, 
#Entreprises .vignette_voile, 
#ContentPhotosEntreprise .vignette_voile, 
#SousMenuEntreprises {
    background-color: #7e7e7e;
}
div.introduction{
	color:#fff;
}
.page-2 .redactionnel .introduction, 
.page-2 .redactionnel a:link, .page-2 .redactionnel a:active,.page-2 .redactionnel a:visited,  .page-2 .redactionnel a:hover {
	color:#7e7e7e;
}
.page-2 .redactionnel .introduction p {
	color:#000000;
}

.page-2 .redactionnel .introduction {
	margin-bottom: 40px;
}


body.page-2 #Content {
    width: 100%; /* new */
}

#Cadres {
	margin-bottom: 20px;
}

#ImageCadres {
    width: 100%; /* new */
    height: auto;
}


#Cadres .legende {
	margin-top: 20px;
	margin-bottom: 40px;
    width: 800px; /* new */
    margin-left: auto; /* new */
    margin-right: auto; /* new */
}

#Departements {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}

#Departements a:link {
	white-space: nowrap;
	text-decoration: none;
}

.legende-contenu {
	float: left;
    text-align: left; /* new */
}

.cadres-departement {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.cadres-portrait {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.cadres-photo {
	width: 58px;
	margin-right: 23px;
	margin-bottom: 10px;
}

.cadres-photo img {
	width: 100%;
	height: auto;
}

.cadres-photo,
.cadres-nom,
.cadres-fonctions {
	margin-right: 23px;
}

.cadres-nom {
	width: 200px;
	font-family: Avenir-Bold, Arial, Helvetica, sans-serif;
}

.cadres-fonctions {
	width: 350px;
}

.frame-default {
    text-align: center; /* new */
}

div.secondaryContentSection {
	clear: both;
    width: 800px; /* new */
    margin: auto; /* new */
}

div.secondaryContentSection .frame-default {
    text-align: left; /* new */
}

.frame-default video {
    width: 800px; /* new */
    margin: auto; /* new */
}


@media only screen and (max-width: 890px) {
	.cadres-annee {
		clear: both;
		display: block;
		margin-left: 203px;
	}
    
    div.secondaryContentSection {
        width: calc(100% - 40px); /* new */
        margin: 0; /* new */
    }
}

@media only screen and (max-width: 760px) {
	.cadres-fonctions,
	.cadres-annee {
		clear: both;
		display: block;
		margin-left: 0;
	}
	
	.cadres-fonctions {
		width: 280px;
		margin-right: 0;
	}
}

@media only screen and (max-width: 1023px) {
	#Menu .navbar-collapse,
	.dropdown-menu,
	li.dropdown.active ul.dropdown-menu {
		background-color:#7e7e7e;
	}
}