@charset "UTF-8";
@media all and (max-height:850px) {
    .header,
    .user {
       position: absolute;
    }
    html,
    body {
       height:100%; 
    }
    .footer {
       position: relative;
       bottom:auto;
    }
}
@media all and (max-width:1300px) {

.head .titre {
    font-size: 44px;
}
}
@media all and (max-width:1200px) {
   

.public .content {
    padding-top: 115px;
}
h2.cadre {
    padding: 17px 23px;
    font-size: 1.8em;
}
.public .mainFlex .itemMiddle {
    width: 520px;
}
}
@media all and (max-width:1200px) {
    html {
  font-size: 14px; /* 3 */
}
.header {
    height: 90px;
}
.user {
    top:90px;
}
.head .logo img {
    height:70px;
    width:auto;
}
.head .titre {
    font-size: 40px;
}
.public .content {
    padding-top: 95px;
}
h2.cadre {
    padding: 15px 20px;
    font-size: 1.5em;
}
.public .itemSide {
    background-position: left 90px;
}
.public .mainFlex .itemMiddle {
    width: 520px;
}
.pageLarge .site {
    width:94%;
}
.intText {
    padding: 10px 30px;
}
h2.cadre {
    padding: 15px 27px;
    font-size: 1.8em;
}
.passOublie {
    top: -34px;
}
.user3 {
    top: 20px;
    max-width: 20%;
    right:10px;
}
.user1 {
    margin-left:10px;
}
	.vueSomme .vide {
    width: 30px;
}
	.vueSomme td.somme, .vueSomme th.somme {
    width: 80px;
}
	.formulaire {
    position: relative;
}
}
@media all and (max-width:1100px) {
	.public .mainFlex .itemMiddle {
    width: 420px;
}
	.mainFlex .itemMiddle {
    width: 100%;
}
	.connect.front2 .content {
    padding-top: 140px;
    padding-bottom: 40px;
}
	.connect .content {
    padding: 180px 0px 50px 0px;
}
	.boxInfos,
	.headForm {
		padding:0px 15px;
	}
	.btConnect.headConnect {
    background-position: 15px center;
    padding: 10px 30px 10px 45px;
		font-size: 1.6em;
}
}