#TitreConnexion{z-index: 50; position:relative;}

#TitreConnexion{
  min-height: 90px;
}

@media (max-width: 1200px) {#TitreConnexion{height: 40em;height: 50vw;}}
@media (max-width: 1000px) {#TitreConnexion{height: 35em;height: 50vw;}}
@media (max-width: 900px) {#TitreConnexion{height: 30em;height: 50vw;}}
@media (max-width: 700px) {#TitreConnexion{height: 25em;height: 50vw;}}
@media (max-width: 500px) {#TitreConnexion{height: 20em;height: 50vw;}}

/*
h1{height: 18vw;min-height: 240px;max-height: 300px;position: absolute;color: #006b80;font-size: 50px;font-weight: 300;bottom: 130px;text-indent:-120px;text-transform:uppercase;}
@media (max-width: 1400px) {h1{ bottom: 180px;}}
@media (max-width: 1100px) {h1{ bottom: 130px;}}
@media (max-width: 950px) {h1{font-size: 40px;}}
@media (max-width: 800px) {h1{bottom: 90px;}}
@media (max-width: 600px) {h1{font-size: 33px;}}
*/

/* -- Agences -- */

#Connexion {
	padding:100px 0px 100px;
	min-height:300px;
	
}




#Connexion .LM{width: 780px;}
#Connexion h2:after{
	display:none;
	
}
#Connexion h3{ margin-bottom: 10px;}

#Connexion #BoiteConnexion {width: 300px;
  padding: 30px;
  background-color: #ECECEC;
  border: 1px solid #B5B5B5;
  border-radius: 3px;
  margin: 30px auto;}
#Connexion .Colonne p { font-family:roboto;}

@media (max-width: 900px) {#Connexion .LM {width:540px;}}
@media (max-width: 540px) {#Connexion .LM {width:270px;}}