@charset "UTF-8";
@media all and (max-width:639px) {
    .public .mainFlex .itemSide {
		max-width: 360px;
		height: 138px;
}
    html {
        font-size:12px;
    }
    .user3 {
    display: none;
}
.user1 {
    margin-right: 0px;
    width:45%;
}
.user2 {
    margin-right:10px;
    float:right;
    margin-top: 5px;
    width:45%;
    text-align: right;
}
.pageInt {
    padding: 10px 10px;
}
    .site {
    width:100%;
}
.sideD .msg,
.sideD .box {
    width: 297px;
    float: none !important;
    margin:25px auto;
}
	.boxCandidature{
    width:auto;
    float: none !important;
    margin:15px auto;
}
.sideD .msg {
    width: 247px;
}
.footer a {
    margin: 8px 5px;
    font-size: 0.7em;
}
.intText {
    padding: 5px 17px;
}
.front .formulaire input {
    font-size: 0.9em;
}
	.public .mainFlex {
    padding-top: 50px;
		padding-bottom: 0px;
}
	.head3,
	.head1 {
    padding: 0px 5px;
}
	.headConnect {
    padding: 10px 5px;
}
	.head .titre {
    font-size: 19px;
		padding:0px 5px;
}
.header {
        height: 50px;
    }
	h2.cadre {
    padding: 10px 20px;
    font-size: 1.6em;
}
	.intText {
    padding: 5px;
}
    .user {
    top: 50px;
}
    .head .logo img {
        height: 32px;
    }
    .head .titre {
         width:180px;
         height:34px;
         margin-top:8px;
    }
    .head1,
    .head3 {
    top: 9px;
    left:7px;
}
.head3 {
    left:auto;
    right:7px;
}
.passOublie .zone {
    width:289px;
}
.credits {
    width: auto;
}
.content {
        padding-top:150px;
        padding-bottom:60px;
}
h2.cadre.icl {
    padding-left:60px;
}
.pageForm .content {
   padding-top:100px;
}
ul.text, ol.text, .text ul, .text ol {
    margin: 20px 0px;
    padding: 0px;
}
.art {
    padding-left:20px;
    padding-right:20px;
    min-width: 30px;
    min-height: 30px;
}
.headForm h1 {
    position: relative;
}
.headForm {
    height: 105px;
}
.completed {
    top: 3px;
    right:auto;
    left:150px;
}
.boxInfos {
    margin-top:5px;
    text-align: center;
}
.boxInfos a.bContact {
    margin-left: 0px;
}
.save {
    background-position: 10px center;
    width: 120px;
    left:50%;
    margin-left:5px;
    right:auto;
    font-size: 1.3em;
}
.sSave {
    margin-left:-125px;
}
.etapes {
    width: auto;
}
.etape {
    font-size: 1.6em;
    width:40px;
    height: 30px;
    padding-top: 9px;
}
.etape.active,
.etape.full.active {
    width: 45px;
    height: 38px;
    padding-top: 8px;
    margin-top: -6px;
}
.etape.full {
    width: 35px;
    height: 28px;
    padding-top: 8px;
    border-width:4px;
}
.formulaire .col {
    padding-bottom: 0px;
}
input.sSave[type="submit"], button.save[type="submit"], .save {
    position: relative;
    bottom: auto;
    right:auto;
    margin: 15px auto;
}
.headForm {
    height: 82px;
}
.pageForm .formulaire {
    padding: 22px 28px 30px 28px;
    margin:0px -2%;
}
.pageLarge .formulaire {
    padding: 22px 10px 30px 10px;
    margin:0px -2%;
}
.pageForm h1 {
    margin-left:-2%;
    margin-right:-2%;
}
	.etape5 input.sSave[type="submit"] {
    float:right;
		margin-right: 10px;
}
	.connect.front2 .content {
    padding-top: 90px;
    padding-bottom: 30px;
}
	.boxCandidature a {
    padding: 15px 10px 15px 35px;
    background-position: 10px 15px;
    background-size: 20px auto;
    font-size: 1.3em;
}
	.btConnect {
    padding: 10px 20px 10px 25px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 1.6em;
}
	.btConnect.headConnect {
    background-position: 2px center;
		background-size: 10px auto;
    padding: 1px 8px 1px 16px;
    font-size: 1.1em;
}
}
@media all and (max-width:359px) {
  
    
    .head .titre {
         width:170px;
         height:34px;
    }
    .head1 {
    left:4px;
}
.head3 {
    right:4px;
}

}