/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Video responsive */

    .page_sommaire figure {
	width:100%;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	position:relative;
	margin:0em 0;
	 }
	.page_sommaire figure iframe, .texte figure embed, .texte figure object{
		 position:absolute;
		 top:0;
		 left:0;
		 width:100% !important;
		 height:100% !important;
		 margin-bottom:0;
	 }

.chapo{float: left; width: 40%; padding: 1.5em 0; font-weight: 400;}
.chapo p{margin-bottom: 1em;}

.droit{ float: right; width: 55%;padding: 5px;background: #002d4d;margin-bottom: 20px; margin-top: 1.5em;}
.soustitre{z-index: 2; background-color: #002d4d;}

.titre-folio {

    position: absolute;
    color: #000;
    right: auto;
	left: 10%;
	top: auto;
	bottom:20%;
    text-align: left;
	color: white;
    font-size: 30px;
    text-transform: uppercase;
/*    text-shadow: 0 0 5px rgba(0,0,0,0.85);
*/    padding: 0 20px;
    display: inline-block;
	width:auto; height:auto; background-color:rgba(255,255,255,0.7); color:#002d4d; padding:7px 10px;  text-align:left; ; 
}
/*.caroussel a:hover img{
	transform: scale(1);
}*/



.bande1{ background-color: #FFF;  }
.bande1 .chapo { color: #002d4d;}

.bande h2{	
}
.bande2, .bande3, .bande4 { padding: 3em 0 1em 0;
}


.bande3{background-color: #ebeeef; padding-bottom: 2em;}
.bande2 { background-color: #75858b;}

.bande2 .mtm a{position:relative; display:block; width:100%; height:100%; overflow: hidden;;border: 0; text-decoration: none; }
.bande2 .mtm a:hover{text-decoration: none; color: #f8f8f8; }
.bande2 .grid a:hover img{
	transform: scale(1);
 -khtml-opacity:.7;
   -moz-opacity : .7;
    -ms-filter: "alpha(opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter : alpha(opacity=70);
    opacity : .7;
}
.over-actu h3 { padding-top: 7px; text-decoration: none;}
.bande2 .grid .spip_logos {
    border: 0px solid #FFF;
}

.bande2 h3.spip {
    color: #FFF;
}

.bande2 h3.spip::before {
background: #FFF;
}
.bande2 a{color: #FFF;}
.bande2 h3 a, .bande2 h3 a:hover{color: #FFF; text-decoration: none;}
.bande2 h3 a:hover{color: #FFF; text-decoration: underline;}
.bande4{ }

#demande { float: left; width: 30%; margin-right: 5%;}

#demande:nth-child(3){margin-right: 0;}

.cbp-spmenu #demande { float: none; width: auto; margin-right: 0%; margin-bottom: 5px;}



h3.spip {
    color: #ec5043;
}

h3.spip::before {
background: #ec5043;
}
.bande4 h3.spip {
    color: #aaa1a1;
}

.bande4 h3.spip::before {
background: #aaa1a1;
}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 750px) {
	
	.chapo, .droit{float: none; width: auto; margin-bottom: 1.5em;}
	.chapo { padding:  15px 0 0 0;}
	
	.bande2, .bande3, .bande4 { padding: 1em 0 1em 0;
}
	
.titre-folio {
left: auto;
	right: 10%;
	top: 30%;
    font-size: 20px;
}
	#demande { float: none; width: 100%; margin-right: 0%;}
	.bande3 { padding: 1em }
 
}
@media only screen and (max-width: 640px) {

	
.titre-folio {

    font-size: 15px;
}
 

}