@charset "utf-8";
/* CSS Document */
.compte_bg{
	background-color:#cbd8f7;
}

#tabs{
	padding:60px 15% 60px 15%;
}

@media (max-width:750px){
#tabs{
	padding:40px 0;
}	
}

#tabs ul{
	margin-left:0;
	padding:0;
}

#tabs ul li{
	background-color:#34439B;
	color:#fff;
	height:auto !important;
}

#tabs ul li.ui-state-active{
	background-color:#fff !important;
	padding-bottom: 0;
}

#tabs ul li.ui-state-active a{
	color:#34439B !important;
	border: 1px solid #34439B;
    border-bottom: none;
}

#tabs ul li a{
	color:#fff;
}

#tabs ul li a img{
	vertical-align:middle;
	margin-right:10px;
}

#tabs-1, #tabs-2, #tabs-3{
	background-color:#fff;
	border: 1px solid #34439B;
	border-bottom:6px solid #34439B;
	min-height:auto !important;
}

.compte_auth{
	padding:50px;
}

.compte_auth_img{
	border-right:1px solid #eaeaea;
}

.comptes_pub img{
    width:100%;
}

@media (max-width:550px){
.compte_auth_img{
	border-right:none;
}	
}

.compte_new{
	padding:20px 50px 50px 50px;
	width:49%;
}

.compte_confirmation{
	padding:20px 50px 20px 50px;
}

.auth_header{
	padding:30px 50px 0 50px;
	width:100%;
}

.auth_header p{
	margin-top:15px;
}

.auth_separator{
	float:left;
	padding-top:90px;
	padding-bottom:50px;
}

@media (max-width:780px){
  .compte_new{
	padding:20px 50px 0px 50px;
	width:100%;
}
  .auth_separator{
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	display:none;
  }
}

.connect{
	margin-top:30px;
}

.connect input{
	background-color:#25AAE1;
	color:#fff;
	height:50px;
	border:none;
	padding: .2em 5em;
	border-radius: 5px;
}

.mail{
    border: 0;
	width:100%;
    background: #F0EFF4;
    background-image:url(../images/greymail_icon.png);
    background-position: 9px 10px;
    background-repeat: no-repeat;
    padding: 14px 40px;
	border:1px solid #b3b3b3;
}

.pass{
    border: 0;
	width:100%;
    background: #F0EFF4;
    background-image:url(../images/greypass_icon.png);
    background-position: 9px 10px;
    background-repeat: no-repeat;
    padding: 14px 40px;
	border:1px solid #b3b3b3;
}

.nom{
    border: 0;
	width:100%;
    background: #F0EFF4;
    background-image:url(../images/greypersonne_icon.png);
    background-position: 9px 10px;
    background-repeat: no-repeat;
    padding: 14px 40px;
	border:1px solid #b3b3b3;
}

.adresse{
    border: 0;
	width:100%;
    background: #F0EFF4;
    background-image:url(../images/greyadresse_icon.png);
    background-position: 9px 10px;
    background-repeat: no-repeat;
    padding: 14px 40px;
	border:1px solid #b3b3b3;
}

.tel{
    border: 0;
	width:100%;
    background: #F0EFF4;
    background-image:url(../images/greyadresse_icon.png);
    background-position: 9px 10px;
    background-repeat: no-repeat;
    padding: 14px 40px;
	border:1px solid #b3b3b3;
}

#civilite, #wilaya, #commune, #energie, #modele, #marque2, #annee_select, #type{width:100%;}

.birth{
    border: 0;
	width:30%;
	margin-right:2%;
    background: #F0EFF4;
    background-position: 9px 10px;
    background-repeat: no-repeat;
    padding: 14px 15px;
	border:1px solid #b3b3b3;
}

#description{
	border: 0;
	width:100%;
    background: #F0EFF4;
	height:200px;
	resize:none;
	font-size:16px;
    padding: 14px 40px;
	border:1px solid #b3b3b3;
}

.champs_container_auth{
	margin:20px 0 0 0;
	position:relative;
}

.champs_container{
	margin:20px 0 0 0;	
	position:relative;
}

.authlabel{
	margin-bottom:10px;
}

#forget{
	margin-top:40px;
}

#forget a{
	color:#34439B;
}

.compte_title{
	font-size:24px;
	color:#34439B;
	margin-top:0;
}

.centrale_radio{
	margin-right:10px;
}
#prixtype span{
	margin-right:10px;
}

.ann_img{
	width:267px;
	height:44px;
	cursor:pointer;
	margin-top: 30px;
}

.img_profil{
	text-align:center;
}

.label-file{
	padding: 0 60px;
    line-height: 44px;
	text-align:center;
	cursor: pointer;
    border-radius: 4px;
    color: #fff;
    width: 267px;
    background: #03989e;
}

.label-file:hover{
    background: #03989e;
}

#ann_img{
	display:none;
}

@media screen and (max-width: 768px){
.ann_img{
	width:100%;	
}

.label-file{
    width: 100%;
}
.dl-button-danger{
	width:100%;
}
.tabs_button{
	height: 35px;
    display: block;
    line-height: 35px;
}
}

.conditions_checkbox label, .newsletter_checkbox label{
  display: inline;
}

.conditions_checkbox a, .newsletter_checkbox a{
	text-decoration: none;
	color:#34439B;
	font-weight: bold;
  }

.passwords{
	position: relative;
}

.passhide{
	position: absolute;
	top:35px;
	right:15px;
}