/*
@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%;
}


}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 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: 70px 0 0 30px;
}
	
.fullpage.body {
	margin-top: 202px;
}

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

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

@media (max-width: 768px) {

.fullpage {
	width: 98%;
	margin-left:1%;
	margin-right:1%;
}

.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
	{
	position:fixed;
	right:3%;
	z-index:10000;
}

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


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

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

/* 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; }


}

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

@media (max-width: 600px) {

#accessibilite{margin-right: 1%}

.fullpage.body {
	margin-top: 110px;
}
	
#header, #header_opcompte {
	position: relative;
	float:left;
	box-shadow:none;
}
#homesubtitle { margin-top: -110px !important ;}
	
#header .lost {
	margin:70px 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;	
}

.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;}
 

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

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

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

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


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

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

	
#header #ident .field {
	width:48%;
}

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

}

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

@media (max-width: 480px) {

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

#header .lost {
	margin-top: 110px;
	padding-left: 0;
	text-align: center;
}

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

#headerwrapcenter #logoHeader {
	margin: 40px auto 0 auto;
	right: 0;
	left: 0;
}

#header .logo, #header_opcompte .logo {
	background-position: 50% 40px !important;
}

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

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 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;
}
	
#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) {


}