/*
@media (max-width:640px) and (orientation:portrait) {

}
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 1440 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */


@media (max-width: 1440px) {

#menu  {
	font-size: 0.9em;
}

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 1280 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */


@media (max-width: 1280px) {

.fullpage {
	width: 90%;
	margin-left:5%;
	margin-right:5%;
}

.dialog-cookie-consent .vex-dialog-input {
	padding-right: 1.5em;
}

.dialog-consent-cookie-message {
	font-size: 0.9em;
	line-height: 1.3em;
}

}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 1100 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */


@media (max-width: 1100px) {



}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 1024 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */


@media (max-width: 1024px) {

#homesubtitle { margin-top: 0;}

#pagetitle h1 {
	width:50%;	
}

#pagetitle .alertmsg {
	width:50%;	
}

.ccompte_steps { float:right; }
#ccompte_info { width:33%; }
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 900 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 900px) {

#ccompte_info { width:22%; }

#header .logo, #header_opcompte .logo {
	background: url(../images/minilogo.png) no-repeat top left;	
}

#header #ident input[type=text], #header #ident input[type=password], #header #ident input[type=button] {
	width:100%
}

#header #ident {
	float:left;
	width:100%;	
}

#header #ident .field {
	width:32%;
	margin-right:2%;
}

#header .lost {
	float:left;
	margin: 80px 0 0 5px;
}
	
.fullpage.body {
	margin-top: 202px;
}

.info p.subtitle {
	font-size: 0.90em;
	height: 115px;
}

.dialog-cookie-consent .vex-dialog-form {
	flex-direction: column;
	align-items: end;
}

.dialog-cookie-consent .vex-dialog-input {
	padding-right: 0;
}

.dialog-consent-cookie-message {
	font-size: 0.85em;
	line-height: 1.2em;
}

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 768 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 768px) {
	
	.fullpage h2.hometitle {width:100%; }
.fullpage h4 { width:100%; margin-top:20px; padding-left:0; }
.fullpage h4.sepv { border:none; }

#homesubtitle h2, #homesubtitle a h3, #homesubtitle2 { width:100%; text-align: center;}


#pagetitle h1 {
	width:35%;	
	
}

#homesubtitle a h3 {
	margin-bottom: 0;
}

.fullpage.body {
	margin-top: 202px;
}

/* #homesubtitle { margin-top: 122px;} */
	
.info h3 {
	font-size: 0.86em;
}
	

#errorMessage {
	width: 98%;
	margin-top: 40px;
	margin-left:1%;
	margin-right:1%;
}

#errorMessageOneLine{
	font-size: 0.7em;
	width: 100%;
}

#accessibilite
	{
	z-index:10000;
}

#ident label {
	letter-spacing: normal;
	font-size: 0.73em;
	margin-left: 8px;
}

#header .lost {
	float:left;
	margin-top: 30px;
}


#header #ident {
	float:left;
	width:100%;	
}

#header #ident .field {
	width:32%;
	margin-right:2%;
}

#header #ident input[type=text], #header #ident input[type=password], #header #ident input[type=button] {
	width:100%
}


#header_opcompte #pagetitle { margin-top:60px; }

#formula_info.ccompte { 
		display:none;
		width:100%; 
	}
#formula_info h2, #formula_info h3, #formula_info h4 {margin:18px 0 10px 0;}
#formula.ccompte { width:100%; padding-left:0; }

#formula_info h2.supertitle {
	text-align: center;
}

/* TOOLTIPS PASSE DE LA DROITE A AU-DESSUS */

.hint--left:before {
	margin-left:10px;
	margin-right:0;
	margin-bottom: -12px;
}

.hint--left:after { 
	margin-left: 0px;
	margin-bottom:0;
	}

.hint--left:before, .hint--left:after {
	bottom: 100%;
	left: 4%;
	right:auto;
}

.hint--left:hover:before, .hint--left:hover:after {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px);
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px);
}

.hint--info.hint--left:before { border-left-color:transparent!important; border-top-color: #DF1659; }

#homesubtitle {
	flex-direction: column;
	align-items: center;
}

#homesubtitle a {
	width: 50%;
}

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 600 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 600px) {

#accessibilite{margin-right: 1%}

#ggmap {
	display: none;
}

#pagetitle {
	text-align: center;
}

#homeBackBlock {
	width: 100%;
}

.fullpage.body {
	margin-top: 5px;
}
	
#header, #header_opcompte {
	position: relative;
	float:left;
	box-shadow:none;
}
	
#header .lost {
	margin: 0 0 2px 0;
	width:100%;
	clear:both;
}

#ident label {
	margin-left: 4px;
}

#header #pagetitle h1, #header_opcompte #pagetitle h1 {
	width:100%;	
}

#header #pagetitle .alertmsg {
	width:100%;	
}
#header_opcompte { height:120px; }

.ontop {
	margin-top:0;	
}


 

#formula .bloccols .bloccol2 { width:100%; }

.agenciesContactContainer .agencyContact{
	width: 100%;
	padding: 10px;
	margin: 3px 0;
}

#headerwrapcenter #logoHeader {
	margin: 8px auto 0 auto;
	right: 0;
	left: 0;
	position: initial;
}

#accessibilite {
	right: calc(50% - 137px);
}

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 480 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 480px) {

#header_opcompte #pagetitle h1 { width:100%; }
	
#ident
	{
	width:100%;
	margin-left:0%;
}

.fullpage h2 {
	font-size:2.5em;
}

.info.i2blocs, 
.info.i3blocs
	{
	width:100%;
	margin-right:0;
	clear:both;
}

.info h3 {
	font-size: 1.1em;
}

.info p.subtitle {
	height: 60px;
}

#footer .zone.i3blocs {
	width:100%;
	margin-right:0;
}

	
#header #ident .field {
	width:48%;
}
#header #ident .field.button {
    margin: 0px 0px 5px 0px;
    width: 100%;
    text-align: center;
}

#header_opcompte #pagetitle h1 { width:100%; }
	
#ident {
	width:100%;
	margin-left:0%;
}

#header .lost {
	padding-left: 0;
	text-align: center;
}

#header #infoabo {
	margin-top: 0;
	right: auto;
	float: none;
	margin-right: auto;
	margin-left: auto !important;
	width: 50%;
}

.fullpage h2 {
	font-size:2.5em;
}

.fullpage.body.hasMap {
	margin-bottom: 120px;
}

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 370 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 370px) {

#header #ident .field {
	width:48%;
	margin-right:2%;
}

.info p.subtitle {
	height: 65px;
}

#ident label {
	font-size: 0.65em;
	margin-left: 0;
}

#header #ident .field.button input[type=submit]
{
	margin-bottom: 5px;
}
	
#accessibilite #assistance { display:none; }

#accessibilite {
	right: calc(50% - 65px);
}

#header #ident .field.button {
	margin-top:0;
}
#header_opcompte { height:140px; }

#homesubtitle2 h4 { width:100%; padding-left:0; }
#homesubtitle2 h4.vsep { border-right:none; border-bottom:solid 1px #666; margin-bottom:10px; padding-bottom:10px;   }



}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 240 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 240px) {