/*MAIN BANNER*/
.tdEnteteRegistrationTop {
background-repeat: no-repeat;
    background-size: 100% auto;
    height: 176px;
    width: 100%;
    padding: 150px;
}

#ctl00_registrationLogoTopCell {
    display: none;
}
.tableRegistration {
    border: 1px;
    vertical-align: top;
    padding: 0px;
    max-width: 1200px;
    width: 100%;
}
/*Fin d'inscription modifs padding*/
#RegistrationConfirmation {
    padding-top: 1% !important;
    padding-bottom: 4% !important;
}

/* Ancien formulaire
.TitreRubriqueBo {
    padding: 7px 1px 7px 30px;
    font-size: 20px;
    background-color: #A5C4E8;
    color: white;
}
*/

/* Modification champ formulaire*/

/* Permet d'enlever le texte devant badge*/
#ctl00_Main_TcktFront_cell_IT_10220 {
    display: none;
}

/* Mettre le texte sur une seule ligne */
#ctl00_Main_TcktFront_cell_IT_10221{
    width: 289px !important;
}

#ctl00_Main_TcktFront_cell_IT_10362{
    width: 500px !important;
}

#ctl00_Main_TcktFront_cell_IT_10363{
    width: 500px !important;
}

#ctl00_Main_TcktFront_cell_IT_10364{
    width: 500px !important;
}


/*Permet d'enlever le texte devant Colocataire*/
#ctl00_Main_TcktFront_cell_IT_10341 {
    display: none;
}


/* Mise en forme nouveau formulaire*/
.TitreGroupe
{
    color: #2571CA;
    font-size: 16px;
}

.RubriqueSpan {
    display: block;
    background-color: #F1F1F1 !important;
    margin-bottom: 15px;
    padding: 30px;
    width: 100%;
}

.TitreRubriqueBo {
    font-size: 25px!important;
    color: #2A7DD3 !important;
    display: table!important;
    text-transform: none!important;
    letter-spacing: 0!important;
    line-height: 44px!important;
    border-bottom: solid 3px #c5c4bd;
}

.CssTextBox {
    border: 1px solid #d7d7d7;
    border-radius: 1px;
        width: 100%;
    max-width: 600px;
}

/*Texte allergies sur une ligne*/
#ctl00_Main_TcktFront_IT_LBL_TEXTE_10364 {width: 265px !important;}
/* Mise en forme bouton*/
.CssButton:hover { background-color:#ABAFB1; color:White; background-image:none; border:solid 2px #ABAFB1;}
.CssButton { border:solid 2px #2A7DD3; background-color:#2A7DD3; color:white; background-image:none; font-size:14px; text-transform:uppercase; width:auto !important; min-width:200px; padding-left:15px; padding-right:15px; text-decoration: none;}

#ctl00_Main_ctl00_BtnSaveGroup:hover { background-color:#ABAFB1; color:White !important; background-image:none; border:solid 2px #ABAFB1;}
#ctl00_Main_ctl00_BtnSaveGroup { border:solid 2px #2A7DD3; background-color:#2A7DD3; color:white !important; background-image:none; font-size:14px; text-transform:uppercase; width:auto !important; min-width:200px; padding: 11px; text-decoration: none; border-radius: 5px;}

div.col-12.text-center{
    margin-top: 29px;
}
/*Cacher le logout*/
#ctl00_Main_PnlIdentificationLogout {display:none;}


}

/* Footer*/
#ctl00_BottomContent{
background-color: #86B1E5;
}

/* Main banner resizing*/
#ctl00_registrationTopCell
{
     box-sizing: content-box !important; 
}
#ctl00_Main_ProfileRdbtn
{
font-size:  16px;
}


@media screen and (max-width: 480px)
{
.tdEnteteRegistrationTop {
    background-size:  auto 90%;
    margin:auto;
    background-repeat: no-repeat;
    background-color: white;
    height: 100px;
    background-position-x: 40%;
    background-position-y: 40%;
    width: 100%;
    }
.homeStickersTop{width:100%; margin:auto;}
.sticker, .stickerHotel{width: 70%; margin-left: 15%; margin-bottom: 3em;}
/*#seaBack{background-image: url("none"); background-color:grey; height:70em; padding-right:1em; padding-left:1em;}*/
.hebergement{height:75em; padding-right:1em; padding-left:1em;}
#homeTitle{text-align:center;}
#homeSubTitle{text-align:center; font-size:26px;}
.stickerBottom{width:70%; margin-left:15%; margin-top:3em;}
.homeStickersBottom{width:90%; margin:auto;}
#Description{height:36em;}
.CellMenu{width: 100%; text-align:center; height: 49px;}
.hotelSubTitle{font-size:1em;}
#Commentaires{height:18em;}
#seaBack{ background-size: auto 100%;height:70em; padding-right:1em; padding-left:1em;}

.ContentBlockInner {width: 80%}
#ctl00_Main_TcktProfile {padding: 25px}
.RubriqueSpan {width: 90%}



}

/*TABLETTE*/
@media screen and (min-width: 481px)  and (max-width: 782px)
{
.homeStickersTop{width:100%;}
.stickerTitle{  font-size:1.4em;}
.sticker, .stickerHotel{width:28%; margin-left:3%;}
.tdEnteteRegistrationTop {
    background-repeat: no-repeat;
    background-color: white;
    height: 100px;
    background-position-x: 40%;
    background-position-y: 40%;
    width: 100%;
    }
.hotelSubTitle{font-size:1.4em;}
.hebergement{height:38em;}
/*#seaBack{background-image: url("none"); background-color:grey;}*/
#seaBack{ background-size: auto 100%; height:30em;}
}

/*PETIT ECRAN*/
@media screen and (min-width: 783px) and (max-width: 1200px)
{
.homeStickersTop{width:100%; margin:auto;}
.stickerTitle{  font-size:1.2em;}
.sticker, .stickerHotel{width:24%; margin-left:6%;}
.tdEnteteRegistrationTop {
    background-repeat: no-repeat;
    background-color: white;
    height: 150px;
    background-position-x: 40%;
    background-position-y: 40%;
    width: 100%;
    margin:auto;
    }
    .hotelSubTitle{font-size:1.6em;}
    #seaBack{ background-size: auto 100%; height:30em;}
}


@media screen and (min-width: 1300px)
{
div.Login fieldset {margin-left: 0px;}
}