/*@import '../fancybox/jquery.fancybox.css';*/
@import 'bootstrap.min.css';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css';

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Ubuntu-M.ttf) format('opentype');
}
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:10px;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:middle; 
}
embed { 
	vertical-align:top;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "Open Sans", 'Ubuntu', Arial,sans-serif;
	font-size:14px;
	background: #f5f5f5;
	color:#3a484b;
	margin: 0;
    padding: 0;
    font-display: swap;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Ubuntu', "Open Sans", Arial,sans-serif;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
a{
color: #1598eb;
outline: 0;
text-decoration: none;
}
p{
margin-bottom: 18px;
}
hr{
	border-top: 1px solid #DDD;
    border-bottom: 0;
    margin: 20px 0;
}
a:hover{
	text-decoration:none;
}
.green-word {
    color: #65ab21;
    font-size: 16px;
    font-weight: 700;
}

.page-wrapper{
    background: #f5f5f5;
    clear: both;
    overflow: hidden;
    position: relative;
}
.wrapper_2em{
	/*à ne pas changer*/
	width: 100%;
    max-width: 1140px;
	margin: 0 auto;
}

.full_height{
	height: 100%;
}

/*################### HEADER START #######################*/
.customtop{
    width: 100%;
    padding: 10px 0;
    border-bottom: #65ab21;
    background-color: #b9ee85;
    color: #333;
    text-align: center;
}
.customtop p{
    margin: 0;
    line-height: 25px;
}
.customtop p a{
	text-decoration:none;
}
header.menu_2em{
	background: #FFF;
	z-index: 9999;
}

.menu_2em  .logo_2em{
	float: left;
	width: auto;
	height: 55px;
	margin-top: 0px;
	overflow: hidden;
}

.menu_2em  .logo_2em a{
	margin: 0;
	display: block;
}

.menu_2em  .menu-wrapper{
	position: relative;
	float: right;
}

.menu_2em  .menu-wrapper ul{
	list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

.menu_2em  .menu-wrapper li{
	float: left;
    width: auto;
}

.menu_2em  .menu-wrapper li a{
	display: block;
    font-size: 16px;
    color: #888;
    text-decoration: none;
	padding:16px 22px;
	height: 55px;
	display:block;
}

.menu_2em  .menu-wrapper .parent > a:hover,.menu_2em   .menu-wrapper .menu2 .hover > a,.menu_2em   .menu-wrapper li.active > a {
	color: #0074d9;
    background: #eee;
}
.menu_2em  .menu-wrapper li ul{
	display:none;
}
.menu_2em  .menu-wrapper li.parent:hover ul{
	display:block;
}
.menu_2em  .menu-wrapper ul li ul{
	background: #eee;
	display: none;
	position: absolute;
	top: 55px;
	right: 0px;
	width: 260px;
	z-index: 100;
}
.menu_2em  .menu-wrapper ul li ul li{
    border-top: 1px solid #CCC;
    display: block;
    float: none;
    line-height: normal;
    margin: 0;
    padding: 0;
    width: 100%;    
}

.menu_2em  .menu-wrapper ul li ul li a{
    background: #EEE;
    color: #1678bf;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-indent: 0px;
    line-height: 15px;
    margin: 0;
    padding: 19px 19px 18px 19px !important;    
}
.menu_2em  .menu-wrapper ul li ul li a:hover{
	background: #FFF;
}

@keyframes spread {
	0% {
		opacity: 1;
		transform: scale(0.5);
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}
.btn-cart{
    position: relative;
    background: #fdfdfd;
    margin-right: 40px;
    float: left;
}
.btn-cart a{
    position: relative;
    padding-top: 16px;
    display: block;
}
.btn-cart span{
	background: red;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 19px;
	left: 25px;
	z-index: 1;
	line-height: 20px;
}
.btn-cart a span::before{
    display:none;
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    animation: spread 1s infinite;
}
@media screen and (max-width: 860px){
    .btn-cart span{
        top:19px;
        left:-9px;
    }
	.menu_2em .menu-wrapper .panneau {
	  margin-right: 10px !important;
	}
	.btn-cart{
        padding-top: 0px;
		margin-right: 30px;
	}
    .btn-cart a{
        padding-top: 8px;
    }
	.btn-cart-guest{
		margin-right: 70px;
	}
}

.parrainageLink div{
	position:absolute;
	z-index:9999999999;
	padding:15px 15px 0;
	width:315px;
	background:#eee;
}
.parrainageLink div p{
	position:relative;
}
.parrainageLink div p::after{
position: absolute;
content: "";
border: 1px dashed#ccc;
bottom: -11px;
width: 200px;
left: 13%;
}
.menu_2em .menu-wrapper .parrainageLink>a{
    color:#27abb8;
    padding-right: 36px;
    background: url(../images/menu-25-chf-active.png) right center no-repeat; 
}
.menu_2em .menu-wrapper .parrainageLink div a{
	font-size: 15px;
	text-align: center;
	color:#1678BF;
	padding: 10px 0 0;
}	
.parrainageLink:hover div{
	display:block;
}
/************* User Menu ******************/
ul.menu_user{
    float: left;
	margin:0;
}
ul.menu_user a {
    color: #1a7bb9;
    display: block;
	margin:0;
	padding: 16px 0 !important;
}
ul.menu_user .hover a,ul.menu_user a:hover {
    background: #eee;
    border-radius: 0;
}
ul.menu_user .redM, #menu_mobile a .redM{
color: #fff;
font-weight: bold;
font-size: 12px;
background: red;
border-radius: 25px;
width: 20px;
height: 20px;
text-align: center;
margin: 0;
line-height: 20px;
display:inline-block;
}
ul.menu_user a span{
    display: inline-block;
    margin-right: 5px;
}
.menu_user .mes_points em{
    background: red;
    color: #FFF;
    font-size: 10px;
    padding: 0px 4px;
    border-radius: 6px;
    margin-top: -6px;
    display: inline-block;
}
ul.menu_user .avatar{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    float: right;
    margin-top: -6px;
}
.avatar-name{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #5bc0de;
    color: #FFF;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
ul.menu_user>li{
    position:relative;
}
ul.menu_user li:hover ul{
    display:block;
}
.bg #entete ul.menu_user li ul{
    left: 0px;
    top: 55px;
}

/************* END User Menu ******************/

/********** Sous Menu ************/
#smeneu{
    background: url(../images/nav-bg.png) left center repeat-x #3a3a3a;    
    height: 42px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
#smeneu ul {
    width: 1140px;
    padding: 0;
    margin: 0 auto;
}
#smeneu ul li {
    float: left;
    margin: 0 5px;
    position: relative;
}
#smeneu ul li a {
    font-size: 14px;
    color: #FFF;
    padding: 0 20px;
    line-height: 42px;
    height: 42px;
    display: block;
    background: transparent;
}
#smeneu ul li.active a, #smeneu ul li:hover a {
    border-bottom: 3px solid #1a7bb9;
    background: #eee;
    color: #1a7bb9;
}
/*********** Sous Menu END ************/
/**********************************/

.nav-pills{
    border-bottom:1px solid #337ab7;
    margin-bottom:25px;
}
.nav-pills > li > a {
  border-radius: 0;
}

.user-menu{
	display: none;
	background: url('../images/user.png') no-repeat center center;
    width: 30px;
    text-align: center;
    height: 30px;
    border: 1px solid #020228;
    border-radius: 50%;
    margin-top: 14px;
    margin-right: 20px;
    cursor: pointer;
}
.countMsg{
	position: absolute;
    background-color: #F00;
    color: #FFF;
    width: 20px;
    text-align: center;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    top: 17px;
    right: 0px;
    z-index: 9;
}
.menu_2em .menu-wrapper  li.hasMessages a{
padding-right: 45px;
}
li.hasMessages .countMsg{
	right: 19px;
}
.annonces2em{
    text-align: center;
    background: #c2e4e7;
    color: #216168;
    border-bottom: 1px solid #7fc6ce;
    padding: 6px 0;
    position: relative;
    line-height: 20px;
    font-size: 13px;
}
.annonces2em b{
    display: contents;
}
.annonces2em p{
    padding: 0 25px;
    margin: 0;
    text-align: center;
}
.annonces2em img{
    max-height: 25px;
    margin-right: 10px;
}
.annonces2em .annonces2em_close{
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -15px;
    color: #478d95;
    font-size: 20px;
    font-family: monospace;
    line-height: 24px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
/*################### HEADER END #######################*/


.rent_car{
    /*padding-left: 54px !important;
    background: url("../images/car-icon.png") no-repeat center left !important;
    color: #1678BF !important;
    margin-left: 10px;*/
}


#error {
    color: red;
    display: none;
    padding-left: 15px
}

.press_2em{
	padding: 35px 0;
}

.press_2em p{
	text-align:center;
	margin-bottom:0;
}
.press_2em img{
	margin-right: 22px;	
}
.press_2em img:last-child{
	margin-right:0;
}

.press_2em a{
    text-decoration: none;
    opacity:0.4;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    text-align: center;
    margin: 30px 0;
}

.press_2em a:hover{
	opacity:0.8;
}



/*#################################*/

.slidecontainer {
    width: 100%;
    margin-top: 30px;
}
.slidecontainer div{
	font-size: 14px;
}
.slideBar {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slideBar:hover {
    opacity: 1;
}
.slideBar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0074d9;
    cursor: pointer;
}
.slideBar::-moz-range-thumb {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0074d9;
    cursor: pointer;
}
.cheked-car, .similar_pic{
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -104px;	
	color: #FFF;
	height: 24px;
	line-height: 24px;
}
.cheked-car{
	padding-left: 34px;
	background: url(../images/check-circle-white.png) no-repeat;
}


/* REGISTRATION */
.registration {
    font-size: 14px !important;
    color: #6B6363;
}
.contentheading {
    color: #2874A6;
    line-height: 1.4;
    background-image: none;
    background-color: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: 0 0 3px #CECECE;
    font-size: 26px;
    font-weight: 400;
    margin: 30px 0px 10px 0px !important;
    padding: 5px 10px;
    text-shadow: 1px 1px 1px #fff;
    z-index: 999;
}





/****** ALERT STYLE START*********/
#system-message-container ul#system-message{
	position: relative;
	margin: 20px auto;
	margin-bottom: 0;
	width: 100%;
}
.warning,
.autos-message.error{
	background: #f7cdcd;
    padding: 10px;
    text-align: center;
}
#system-message-container h4{
	display:none;
}
#system-message-container  .alert{
    border-radius: 0;
}
#system-message-container #system-message .message,
#system-message-container #system-message .alert,
.autos-message.info,
.autos-message.success{
    position: relative;
    padding: .75rem 0.1rem;
    border: 1px solid transparent;
    border-radius: 0;
    text-align: center;
    background: #d4edda;
    color: #155724;
    margin: 0;
}
#system-message-container #system-message .alert-message{
    /*padding: 0 10px;*/
}
#system-message-container #system-message .alert-message img{
    /*float: left;
    margin-left: -30px;*/
}
#system-message-container #system-message .error,
#system-message-container #system-message .alert-notice{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	border-radius: 0;
}
#system-message-container #system-message .success,.autos-message.info{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	border-radius: 0;
	text-align: center;
}
#system-message .alert-error{
	background-color: #e6c0c0  !important;
    color: #c00  !important;
    border-bottom: 3px solid #DE7A7B;
    text-align: center;
}
#system-message .close{
    color: #155724; opacity: 1;
    margin-right: 5px;
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -14px;    
}
.recaptchawrp{
margin: 20px auto 0;
width: 100%;
max-width: 303px;
}
/****** ALERT STYLE END *********/

/* REGISTRATION */

/* COMPOSANT AUTOS */
#autos-wrapper{
	width:100%;
	max-width:1140px;
	margin:30px auto;
}
/* COMPOSANT AUTOS END */



/***************** BOUTTONS START ****************************/
.pub-btn-para {
    text-align: center
}
.pub-btn-para a {
    color: #FFF;
    /*text-shadow: 0 0 3px #000;*/
}
.pub-btn-para a:hover {
    color: #FFF;
    text-decoration: none
}
.publier-btn {
    display: inline-block;
    padding: 0 34px;
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
    background: #f54691;
    background-image: -webkit-linear-gradient(#ffcb00, #e0b716);
    background-image: linear-gradient(#ffcb00, #e0b716);
    border-color: #D31464;
    border-radius: 5px
}
.publier-btn:hover {
    background-image: -webkit-linear-gradient(#e0b716, #ffcb00);
    background-image: linear-gradient(#e0b716, #ffcb00);
    color: #FFF
}
.green-btn{
	color: #6cd015;
    text-shadow: none;
    border: 2px solid #6cd015;
    padding: 10px;
    border-radius: 2px;
    font-weight: bold;
}
.green-btn:hover{
	color: #FFF !important;
	background: #6cd015;
}
/***************** BOUTTONS END ****************************/


/***************** ARTICLE START ****************************/
.contentheading {
    color: #2874A6;
    line-height: 1.4;
    background-image: none;
    background-color: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: 0 0 3px #CECECE;
    font-size: 26px;
    font-weight: 400;
    margin: 30px 0px 10px 0px !important;
    padding: 5px 10px;
    text-shadow: 1px 1px 1px #fff;
    z-index: 999
}
.contentheading span {
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
    padding-top: 2px
}
.item-page {
    font-size: 14px;
    width: 100%;
    max-width: 1140px;
    color: #000;
	margin:0px auto;
}
ul.actions {
    float: right;
    margin: 5px 5px 12px!important;
    padding: 0
}
ul.actions li {
    background: none;
    display: inline;
    line-height: 1;
    margin: 0
}
ul.actions li img {
    border: 0;
    margin: 0 0 0 3px
}
.detail_villes .contentheading{
    width: 100%;
    max-width: 1140px;
    margin: 30px auto 10px auto !important;
}
.article {
    line-height: 28px;
    padding: 20px;
    background: #FFF;
    border: 1px solid #C1C1C1;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.article h2{
	font-size: 18px;
}
.article h5{
    font-size: 16px;
    padding-top: 10px;
}
.article table,
.article td,
.article th{
    border: 1px solid #CCC;
    padding: 10px;
}
.open_title{
    cursor: pointer;
    background: url(../images/open_plus.png) no-repeat #ffffff -2px 12px;
    padding-left: 20px;
}
.open_title_moins{
    background: url(../images/open_moins.png) no-repeat #ffffff -2px 12px;
}
.open_text{
    display: none;
    padding-left: 30px;
}
.article p, .article li{
	font-size: 14px;
    margin-top: 15px;
}
.articles header span {
    padding: 10px 0;
    font-size: 18px;
    color: #64AA1F;
    font-weight: 700;
    display: block;
    text-shadow: 0 0 0 #FFD252;
    text-transform: uppercase;
    opacity: .8
}
.articles header div {
    font-size: 16px;
    color: #2874A6;
    font-weight: 700;
    display: block;
    text-shadow: 0 0 0 #FFD252;
    text-transform: uppercase;
    opacity: .8
}
.article .text-style4-1{
	font-size: 20px;
	font-family: 'Ubuntu', "Open Sans", Arial,sans-serif;
}

.standard-btn,
.standard-btn-srch {    
    padding: 5px;
    line-height: 28px;
    font-size: 15px;
    color: #FFF;
    width: 350px;
    display: block;
    margin: 0 auto;    
}
.standard-btn-srch {
    background: #6cd015;
}
.standard-btn-srch:hover {
    background: #5db511;
    color: #FFF;
}
.standard-btn {
    background: #1a7bb9;
}
.standard-btn:hover {
    background: #136da7;
    color: #FFF;
}
.standard-btn-srch img {
    padding: 5px 15px 0 0;
    margin: 0;
    vertical-align: inherit
}



h5 {
    margin-top: 0!important
}
#pagination-holder ul {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px
}
#pagination-holder li {
    display: inline-block
}
#pagination-holder li a {
    color: #0A71B4;
    padding: 2px 6px;
    width: 26px;
    text-decoration: none;
}
#pagination-holder li span {
    padding: 2px 6px;
    width: 26px;
}
#pagination-holder li.previous a {
    background: url(../images/precedent.png) no-repeat center center #FFF;
    text-indent: -9999px;
    display: block;
    width: 26px;
}
#pagination-holder ul li.next a {
    background: url(../images/suivant.png) no-repeat center center #FFF;
    text-indent: -9999px;
    display: block;
    width: 26px;
}
/***************** ARTICLE END ****************************/

/***************** ARTICLE PRESS START ****************************/
.presse {
    margin: 0 auto;
    width: 100%;
    line-height: 30px
}
.presse h3 {
    margin: 0;
    padding: 5px 0 20px 0;
    font-size: 16px;
}
.presseBloc {
    margin: 15px 0;
}
.presseLogo {   
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
    float: left;
    text-align: center;
    border-radius: 50%;
    width: 102px;
    height: 102px;
}
.presseLogo img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.presseArticle {
	margin-left: 140px;
    padding: 10px;
    color: #333;
    word-wrap: break-word;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background: #FFF;
    position: relative;
    min-height: 100px;
}
.presseFleche {
    position: absolute;
    top: 10px;
    left: -7px
}
.presseName {
    color: #666;
    font-size: 14px
}
.presseDate {
    width: auto;
    float: right;
    color: #777;
    font-size: 12px
}

#presse {
    background: #FFF!important;
    border: 2px solid #D5D5D5;
    border-radius: 5px;
    margin: 20px 0!important;
    overflow: hidden;
    padding: 5px!important
}
#presse a {
    background: url(/images/presse_bande.jpg) no-repeat;
    display: block;
    height: 50px;
    opacity: .5;
    width: 930px
}

.press-header{
	background: #333;
    color: #FFF;
    padding-bottom: 20px;
}

.press-header h3{
	color: #FFF;
    text-align: center;
    padding: 20px;
    font-size: 34px;
}

.press-header h5{
	font-size: 28px;
}

.press-header-left{
	width: 50%;
    float: left;
}

.press-header-right{
	width: 50%;
    float: right;
}

.press-header-left h5,
.press-header-right h5,
.press-header-right div{
	padding: 5px 20px;
}

.press-header-left h5,
.press-header-right h5{
	color: #babcbf;
	margin-left: 30%;
}

.press-header-left div,
.press-header-right div{
	margin-left: 30%;
}

.press-header-left a,
.press-header-right a{
	color: #FFF;
}

.press-list1{
	background: url('/images/press/doc2.png') 20px 4px no-repeat;
	padding: 5px 0px 5px 50px;
}

.press-list2{
	background: url('/images/press/picture.png') 20px 4px no-repeat;
	padding: 5px 50px;
}

.press-list3{
	background: url('/images/press/press.png') 20px 4px no-repeat;
	padding: 5px 50px;
}

.press-releases{}

.press-releases-article{
	background: #FFF;
    margin-top: 15px;
    padding: 10px;
    color: #333;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

.press-releases-date{
	color: #777;
    font-size: 12px;
}

.press-wrapper {
    padding: 5px 0;
    background: #f7f7f7
}
.press-content {
    max-width: 950px;
    width: 100%;
    margin: 0 auto
}
.press-content a {
    background: url(/images/presse_bande.png) no-repeat;
    display: block;
    height: 50px;
    opacity: .5;
    width: 100%
}
.press-content a:hover {
    opacity: 1
}
.press-content-de a {
    background: url(/images/presse_bande_de.png) no-repeat;
    display: block;
    height: 50px;
    opacity: .5;
    width: 100%
}
.press-content-de a:hover {
    opacity: 1
}
/***************** ARTICLE PRESS END ****************************/

/***************** MARQUE VILLE START ****************************/
.marques,
.villes{
    max-width:1140px;
    width:100%;
    margin:0 auto;
}
.marqueBloc,
.villesBloc{
    margin: 50px 0;
}
.marqueLogo,
.villesLogo{
    float: left;
    width: 140px;
}
.marqueArticle,
.villesArticle{
    margin-left: 180px;
    color: #333;
    word-wrap: break-word;
    border-radius: 3px;
    background: #FFF;
    position: relative;
    min-height: 88px;
}
.villes li{
    width: 33%;
    float: left;
}
/***************** MARQUE VILLE END ****************************/

/***************** CONTACT START ****************************/
.contact {
    font-size: 16px!important;
    color: #6b6363
}
/*#contact-form {
    float: left;
    width: 50%;
    border-right: 3px solid #6aaf21
}*/
#contact-form .red {
    color: red;
    margin-bottom: 15px;
}
#contact-form dd {
    margin-bottom: 10px;
    overflow: hidden;
    /*margin-right: 15px;*/
}
#contact-form input[type=text],
#contact-form input[type=file], 
#contact-form input[type=password], 
#contact-form input[type=email],
#contact-form textarea, 
#contact-form select {
    padding: 10px;
    border: 2px solid #d0d0d0;
    border-radius: 0;
    font-size: 14px;
    color: #666;
    font-family: ubuntu;
    margin-right: 10px;
    box-sizing: border-box;
    width: 100%;
    background: #FFF;
}
#contact-form .button {
	display: inline-block;
    position: relative;
    line-height: 1.2em;
    padding: 10px;
    width: 100%;
    color: #fff;
    background: #438812;
    border: 1px solid #4f9e19;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}
#contact-form .button:hover {
    background: #72b424;
}
#contact-form select.invalid,
#contact-form input.invalid,
#contact-form textarea.invalid {
    border: 1px solid red!important;
}

.contact-misc{
	padding-top: 30px;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	line-height: 32px;
}
#contact-form{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
#contact-form dd{
	margin-right: 0;
}
#contact-form dt{display: none;}

.contact-misc h3{display: none;}
.contact-misc h4 {
	display: block;
	text-align: center;
	padding: 5px;
	padding: 10px;
	border: 2px solid #d0d0d0;
	background: url(../images/contact_plus.png) no-repeat #FFF;
	margin-bottom: 10px;
	font-size: 18px;
	cursor: pointer;
}
.actived-contact{
	background: url(../images/contact_moins.png) no-repeat #FFF !important;
}
.contact-misc div{
	display: none;
	text-align: center;
	margin-bottom: 10px;
}

.tip-wrap {
    display: none;
	font-size: 14px;
	background-color: #FFF;
	border: 3px solid #206d96;
	border-radius: 4px;
	padding: 10px 15px;
	clear: both;
	color: #000;
	max-width: 360px;
}

#contact-form label {
    display: block;
    float: left;
    width: 80px;
}
#contact-form label#jform_contact_email_copy-lbl {
    width: 240px;
}
#contact-form #jform_contact_email_copy {
    margin-top: 3px;
}


/***************** CONTACT START ****************************/

/***************** PAGE AIDE START ****************************/
.page-271 .contentheading, .page-272 .contentheading, .page-427 .contentheading, .page-428 .contentheading{
	display:none;
}
.page-271 .breadcrumb, .page-272 .breadcrumb, .page-427 .breadcrumb, .page-428 .breadcrumb{
    width: 100%;
    padding: 30px 0;
    margin-bottom: 0;
}
.page-271 .breadcrumb li , .page-272 .breadcrumb li, .page-427 .breadcrumb li , .page-428 .breadcrumb li {
	float:left;
	margin-right:10px;
}
.page-271 .breadcrumb li.active,.page-272 .breadcrumb li.active, .page-427 .breadcrumb li.active,.page-428 .breadcrumb li.active  {
	float:none;
	clear:both;
}
.page-271 .breadcrumb li a, .page-272 .breadcrumb li a, .page-427 .breadcrumb li a, .page-428 .breadcrumb li a{
	color: #22b14c;
	font-weight: bold;
	font-size: 16px;
	background:url('../images/back-green.png') no-repeat left center;
	padding-left:15px;
}
.page-article .breadcrumb li.active {
	display:block;
	padding-top:15px;
}
.page-article .breadcrumb li.active span{

	padding-left:15px;
}
.page-271 .breadcrumb li span.divider, .page-272 .breadcrumb li span.divider, .page-427 .breadcrumb li span.divider, .page-428 .breadcrumb li span.divider{
	display:none;
}
.page-271 .breadcrumb li.active span, .page-272 .breadcrumb li.active span, .page-427 .breadcrumb li.active span, .page-428 .breadcrumb li.active span{
	font-weight: bold;
    font-size: 16px;
}
.page-271 div.item-page, .page-272 div.item-page, .page-427 div.item-page, .page-428 div.item-page{
	width:100%;
	box-sizing: border-box;
}
.page-271 div.article, .page-272 div.article, .page-270 div.search-results, .page-463 div.search-results,.page-427 div.article, .page-428 div.article{
	width: 100%;
    margin: 0;
    border: 0 none;
    background: #fff;
    padding: 15px 10px;
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 0;
}
.page-271 div.article a, .page-272 div.article a, .page-427 div.article a, .page-428 div.article a{
	color:#22b14c;
}
.page-271 .item-page div.article, .page-272 .item-page div.article, .page-427 .item-page div.article, .page-428 .item-page div.article{
	padding: 15px 10px;
}
.detail_article, .detail_category{
	padding-bottom: 50px;
}
.page-271 div.article .items-leading li a, .page-272 div.article .items-leading li a, .page-270 div.search-results a.result-header,
.page-463 div.search-results a.result-header, .page-427 div.article .items-leading li a, .page-428 div.article .items-leading li a{	
	display: block;
	padding: 5px 16px;
	color: #22b14c!important;
	background: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page-271 div.article .items-leading li .item-title a, .page-272 div.article .items-leading li .item-title a,
.page-427 div.article .items-leading li .item-title a, .page-428 div.article .items-leading li .item-title a{	
	background:#F6F6F6;
	color:#333 !important;
	text-transform:uppercase;
	
}
.page-271 div.article .items-leading li a:hover, .page-272 div.article .items-leading li a:hover, .page-270 div.search-results a.result-header:hover,
.page-463 div.search-results a.result-header:hover, .page-427 div.article .items-leading li a:hover, .page-428 div.article .items-leading li a:hover{	
	color: #fff !important;
	background: #22b14c;
}
.page-270 .contentheading,.page-463 .contentheading{
	display:none;
}
.page-270 .result-text, .page-463 .result-text{
	display:none;
}
.page-270 .searchintro, .page-463 .searchintro{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
}
.page-270 .pagination, .page-463 .pagination{
	margin: 0 auto 50px;
}
.page-270 .pagination li span, .page-270 .pagination li a,
.page-463 .pagination li span, .page-463 .pagination li a {
    font-weight: bold;
    font-size: 14px;
}
.page-270 .pagination li.previous a, .page-270 .pagination li.next a,
.page-463 .pagination li.previous a, .page-463 .pagination li.next a{
	background-position:left center;
}
/***************** PAGE AIDE END ****************************/


/***************** SEARCH MODULE START ****************************/
#search_content{
	background:#3a3a3a url(../images/back/back-search.jpg) no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
	height: 250px;
	width:100%;
	text-align:center;
}
#search_content form label, #search_content form h1{
	color: #fff;
	font-size: 26px;
	display: block;
	padding-top: 54px;
	font-weight: bold;
	margin-bottom: 25px;
}
#search_content form #autocomplete{
	height: 42px;
    width: 80%;
    border: 1px solid #FFF;
    font-size: 14px;
    font-weight: normal;
    text-indent: 20px;
    float: left;
    border-radius: 0;
}
#search_content form .btn-primary{
	background: #6ccf15;
    border: 1px solid #6ccf15;
    color: #fff;
    height: 42px;
    width: 20%;
    font-size: 16px;
    float: left;
    cursor: pointer;
}
.searchwords{
    height: 42px;
    width: 100%;
    max-width: 536px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    
}
/***************** SEARCH MODULE END ****************************/


/***************** MODULE usermsg ****************************/
.print-icon a, .email-icon a{
    font-size: 0;
}
.print-icon .icon-print{
    background: url(../images/printButton.png) left center no-repeat transparent;
    width:16px;
    height:16px;
    display: inline-block;
}
.email-icon .icon-envelope{
    background: url(../images/emailButton.png) left center no-repeat transparent;
    width:16px;
    height:16px;
    display: inline-block;
}
.alertMessages{
    border: 1px solid #E18B7C;
    background: url(../images/info_r.png) 15px 16px no-repeat #FCCAC1;
    text-align: left;
    color: #AC260F;
    margin: 0 5px 20px;
    padding: 7px 0 7px 50px;
}
.alertMessages .infos{
    cursor: pointer;
    color: #AC260F;
    display: block;
    font-size: 12px;
    margin: 0!important;
    padding: 0;
}
.alertMessages li{
    color:#000;
    font-size:12px;
    line-height: 22px;
}

.WraperalertMessages {
	width: 100%;
	background: #FCCAC1;
	border-bottom: 1px solid #E18B7C;
	padding: 7px 0;
}
.WraperalertMessages .alertMessages {
	text-align: left !important;
	color: #AC260F !important;
	background: url(../images/icons/icon_attente.svg) 5px 0px no-repeat #FCCAC1 !important;
	margin: 0 auto 7px !important;
	max-width: 1140px !important;
	width: 100% !important;
	padding-left: 50px !important;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	border: 0 none !important;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 10px !important;
	line-height: 29px;
}
.WraperalertMessages .alertMessagesI {
	background: url(../images/icons/icon_info.svg) 5px 2px no-repeat #FCCAC1 !important;
}
.WraperalertMessages .alertMessages a{
	color:#1598eb;
}
.acceptance_rate{
    margin: 20px auto;

    text-align: center;
    width: 100%;
    font-family: "Open Sans", Arial,sans-serif;
    color: #333;
    line-height: 24px;
}
.acceptance_rate h3{
    font-family: "Open Sans", Arial,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px;
    color: #333;
    font-size:20px;
}
.acceptationInfoFilter{
	display: none;
    font-size: 13px;
    font-weight: normal;
    padding: 10px;
    background-color: rgb(247, 247, 247);
    margin: 10px 0px;
}
.acceptance_rate .rate{
    font-weight: bold;
    font-size: 19px;
    margin: 15px 0;
}
.acceptance_rate .red{
color: red;
}
.acceptance_rate .green{
color: green;
}
.acceptance_rate .orange{
color: orange;
}
.acceptance_rate .btn{
	margin-top:12px;
}
/***************** MODULE usermsg END ****************************/

/*################################# Style Parrainage #################################*/

.add-email-frame .add-email a{
	display: inline-block;
	position: relative;
    padding: 10px;
    color: #FFF;
    text-decoration: none;
	text-align: center;
    font-size: 14px;
    width: 330px;
    box-sizing: border-box;  
    background-image: -webkit-gradient(linear, left top, right top, from(#14c39a), to(#4486e4));
    background-image: -o-linear-gradient(left, #14c39a, #4486e4);
    background-image: linear-gradient(to right, #14c39a, #4486e4);    
}
.add-email-frame .add-email a span{
	background: url(../images/go_white.png) no-repeat;
	width: 20px;
    height: 15px;
    position: absolute;
    top: 13px;
    right: 10px;
}
.add-email-frame .credit-location{
	float:left; 
	width:100px; 
	text-align: center;
	margin-top: 6px;
}
.add-email-frame .credit-location .span1{
    display: block;
    font-size: 40px;
    line-height: 37px;
    font-family: 'Ubuntu', "Open Sans",Arial,sans-serif;
}
.add-email-frame .credit-location .span1 span{
font-size: 22px;
}
.add-email-frame .add-email-content{
	position: relative;
	height: 104px;
	margin-left:120px;
	padding-top: 8px;
	padding-bottom: 20px;
	background: url(../images/back-add-email.jpg) no-repeat top 0px right 0px ;
}
.add-email-frame{
	border:1px solid #EEE;
	position:relative;
}
.add-email-frame button.close-small{
    width: 30px;
    height: 30px;
    background:transparent;
    border: 0;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    padding: 0;
    opacity: 0.4;
}
.add-email-frame .parrainage-bloc{
	margin-top: 30px;
}
.add-email-frame .bonplandiv{
	overflow: hidden;
    width: 100%;
}
.add-email-frame .bonplandiv img,
.add-email-frame .parrainagediv img,
.add-email-frame .concourdiv img{
	width: 100%;
}
.add-email-frame .parrainage-body ul{
	padding: 0;
    margin: 0;
    list-style: none;
}
.add-email-frame .parrainage-body li{
	width: 160px;
    float: right;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 16px;
    padding: 10px 0;
	cursor: pointer;
}
.add-email-frame .parrainagediv,
.add-email-frame .concourdiv{
	display: none;
}

.clear{
	clear: both;
	width: 0% !important;
	float: initial !important;
    height: 0px;
	}

.rent_different_txt{
    text-align: center;
    color: #888;
    font-size: 18px;
    margin-bottom: 60px;
}

.rent_different_title{
    font-size: 40px;
    padding-bottom: 30px;
    color: #000;
}

.rent_different_list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.rent_different_list li{
    width: 50%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
}

.rent_different_list img{
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}
.rent_different_list p{
    padding: 0 20px;
}

.rent_different_link{
    text-align: center;
    padding-top: 40px;
    clear: both;
}

.rent_different_link a{
    display: block;
    padding: 10px;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    width: 262px;
    margin: 0 auto;
    background: url(../images/go_white.png) no-repeat #6cd015 top 13px right 16px;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
}

.rent_different_link a:hover{
    background-color: #5db511;
}

@media screen and (max-width: 768px){
	.add-email-frame{
		margin-top: 5px;
    	margin-bottom: 62px;
	}
	.add-email-frame .parrainage-body ul{width:100%;}
	.add-email-frame .parrainage-body li{width:32%;}
	.add-email-frame .rent_different_title{
		font-size: 30px; 
		line-height:32px;
	}
	.add-email-frame .parrainage-img{width:100%;}
	.add-email-frame .add-email-txt{display: none;}
	.add-email-frame .add-email {
	    position: absolute;
	    bottom: -46px;
	    width: 100%;
	}
	.add-email-frame .add-email-content{margin-left: 0px;}
	.add-email-frame .add-email a{width:100%;}
	.add-email-frame .credit-location { position: absolute; z-index:9; }
}
@media screen and (max-width: 400px){
	.add-email-frame .add-email-content{
		background: url(../images/back-add-email.jpg) no-repeat top 0px right 0px;
		background-size: 84% 100%;
	}
}

/*################################# End Style Parrainage #################################*/


/***************** FOOTER START ****************************/
.footer{
    /*background: #2b2b2b;*/
    background: #262626;
    padding: 80px 0;
}

.footer_background{
    background: url(../images/bg-road-footer.jpg) no-repeat center top;
}

.footer_list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_list div.moduletable{
    width: 25%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    color: #FFF;
    font-size: 14px;
}
/*
.footer_list .moduletable:first-child {
    width: 40%;
    text-align: justify;
    color: #d2d2d2;
    line-height: 28px;
}
*/
.footer_list li a{
    display: block;
    color: #d2d2d2;
    text-decoration: none;
    font-size: 14px;
    padding:0;
    line-height:28px;
}
.item-762 span, .item-763 span {
    padding-left: 30px;
    background: url(../images/swiss-flag.png) no-repeat top 0px left 0px;
}
.footer_list .moduletable a:hover{
    color: #FFF;
    background-color:transparent;
}

.footer_list .moduletable h3, .footer_title, .footer_list .moduletable span.footer_heading{
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 25px 0;
	display:block;
}

.footer_list .item-684{
    background: url(../images/red-new.png) no-repeat top 10px right 0px;
}

.footer_list .item-685{
    background: url(../images/red-new.png) no-repeat top 0px right 0px;
}

.footer_list .footer-links{
    padding: 50px 0;
}

.footer_list .footer-links a{
    color: #d2d2d2;
    font-size: 14px;
    margin-right: 50px;
}

.footer_list .footer-links a:hover{
    color: #FFF;
}

.news_wraper{
	background: #363636;
    height: 40px;
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.news_mail{
	width: 100%;
    box-sizing: border-box;
    height: 40px;
    border: none;
    padding-left: 15px;
    padding-right: 50px;
    background: #363636;
    color: #FFF;
}

.news_mail:focus {
    outline: none;
}

.news_submit{
	position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    color: #FFF;
    font-size: 18px;
    background: #6cd015;
    width: 40px;
    text-align: center;
    border: none;
}

.news_submit:hover{
    background: #5db511;
}

.footer_separator{
	margin: 60px 0;
	border: 0;
}

.footer_list img{
	margin-right: 10px;
	margin-bottom: 10px;
}

.footer_lng{
	padding: 7px;
    background: #363636;
    color: #FFF;
    border: none;
}

.footer_lng:focus {
    outline: none;
}
.moduletable select{
	padding: 7px;
    background: #363636;
    color: #FFF;
    border: 1px solid #2b2b2b;
    border-radius: 0;
    width: 100px;
}
.moduletable .item-692, .moduletable .item-651{
    display:none;
}
.moduletable .item-722,
.moduletable .item-723,
.moduletable .item-418,
.moduletable .item-306,
.moduletable .item-817,

.moduletable .item-726,
.moduletable .item-457,
.moduletable .item-174,
.moduletable .item-818,
.moduletable .item-461,
.moduletable .item-727,
.moduletable .item-817
{
    padding-left: 10px;
}
.moduletable .item-643,
.moduletable .item-642,
.moduletable .item-169,
.moduletable .item-170,
.moduletable .item-827
{
    font-weight: bold;
}
.footer-cookies{
    padding: 10px 0;
    width: 100%;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
}
.footer-cookies-txt{
    margin: 0 100px;
    padding-right: 60px;
    text-align: justify;
}
.footer-cookies-btn{
    float: right;
    width: auto;
    cursor: pointer;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
}

/***************** FOOTER END ****************************/



/***************** LOGIN FANCYBOX ************************/
#login-fancybox {
    max-width: 880px;
    min-width: 560px;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    position: relative;
    display: none;
}

#login-fancybox::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 80px;
    bottom: 0;
    display: block;
    border-left: 1px solid #dddddd;
}

#login-fancybox.login .block.login {
    display: block !important;
}

#login-fancybox.login .block.why-signin {
    display: none !important;
}

#login-fancybox.login .block .content .buttons a {
    display: block;
}

#login-fancybox .msg-alert {
    font-size: 0.875em;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: center;
}

#login-fancybox .msg-alert.error {
    color: #6cd015;
}

#login-fancybox .msg-alert.success {
    color: #919096;
}

#login-fancybox .block {
    width: 50%;
    -webkit-transition: min-height .5s;
    -moz-transition: min-height .5s;
    transition: min-height .5s;
}

#login-fancybox .block.login {
    display: none;
    float: left;
}

#login-fancybox .block.login .reset-link {
    font-size: 0.8125em;
    color: #1a7bb9;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
}

#login-fancybox .block.login .reset-link:hover {
    color: #6cd015;
}

#login-fancybox .block.signin {
    float: right;
}

#login-fancybox .block.why-signin {
    float: left;
}

#login-fancybox .block.why-signin .content {
    padding-top: 15px;
}

#login-fancybox .block.auto {
    min-height: 0 !important;
}

#login-fancybox .block.no-buttons .content {
    padding-bottom: 40px;
}

#login-fancybox .block.blue .input-validation-container input.error {
    color: #1a7bb9;
}

#login-fancybox .block.blue .input-validation-container input.error::-webkit-input-placeholder {
    color: #1a7bb9;
}

#login-fancybox .block.blue .input-validation-container input.error::-moz-placeholder {
    color: #1a7bb9;
}

#login-fancybox .block.blue .input-validation-container input.error:-ms-input-placeholder {
    color: #1a7bb9;
}

#login-fancybox .block.blue .input-validation-container input.error:-moz-placeholder {
    color: #1a7bb9;
}

#login-fancybox .block.blue .title:not(.no-bg) {
    background-color: #1a7bb9;
}

#login-fancybox .block.blue .title.no-bg {
      color: #1a7bb9;
      position: relative;
}

#login-fancybox .block.blue .title.no-bg::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    bottom: 14px;
    left: 50px;
    background: #1a7bb9;
}

#login-fancybox .block.blue .input:focus {
    border-bottom: 2px solid #1a7bb9;
}

#login-fancybox .block.blue button {
    background: #1a7bb9;
}

#login-fancybox .block.blue button:hover {
    background: #0868bc;
}

#login-fancybox .block.accent .input-validation-container input.error {
    color: #6cd015;
}

#login-fancybox .block.accent .input-validation-container input.error::-webkit-input-placeholder {
    color: #6cd015;
}

#login-fancybox .block.accent .input-validation-container input.error::-moz-placeholder {
    color: #6cd015;
}

#login-fancybox .block.accent .input-validation-container input.error:-ms-input-placeholder {
    color: #6cd015;
}

#login-fancybox .block.accent .input-validation-container input.error:-moz-placeholder {
    color: #6cd015;
}

#login-fancybox .block.accent .input-validation-container .validation {
    background: #6cd015;
}

#login-fancybox .block.accent .title:not(.no-bg) {
    background-color: #6cd015;
}

#login-fancybox .block.accent .title.no-bg {
    color: #6cd015;
    position: relative;
}

#login-fancybox .block.accent .title.no-bg::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    bottom: 14px;
    left: 50px;
    background: #6cd015;
}

#login-fancybox .block.accent .input:focus {
    border-bottom: 2px solid #6cd015;
}

#login-fancybox .block.accent button {
    background: #6cd015;
}

#login-fancybox .block.accent button:hover {
    background: #5db511;
}

#login-fancybox .block .title {
    font-size: 1.5em;
    color: #FFFFFF;
    font-weight: 600;
    padding: 27px 0px;
    text-align: center;
    position: relative;
    background: no-repeat 10px 33px;
    background-size: 10px 10px;
    cursor: pointer;
}

#login-fancybox .block .content {
    padding: 40px 30px 110px 30px;
}

#login-fancybox .block .content.reset-form, 
#login-fancybox .block .content.new-pass-form {
    display: none;
}

#login-fancybox .block .content.reset-form .buttons, 
#login-fancybox .block .content.new-pass-form .buttons {
    /*width: 100%;*/
}

#login-fancybox .block .content.reset-form .buttons .btn.cancel, 
#login-fancybox .block .content.new-pass-form .buttons .btn.cancel {
    background: transparent;
    text-transform: capitalize;
    color: #1a7bb9;
    padding: 0;
    margin-left: 20px;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
}

#login-fancybox .block .content.reset-form .buttons .btn.cancel:hover, 
#login-fancybox .block .content.new-pass-form .buttons .btn.cancel:hover {
    color: #0868bc;
}

#login-fancybox .block .content p {
    margin-bottom: 20px;
}

#login-fancybox .block .content .input {
    width: 100%;
    font-size: 14px;
    color: #565659;
    border: none;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 7px;
    margin-bottom: 25px;
    outline: none;
    background: transparent;
}

#login-fancybox .block .content .input::-webkit-input-placeholder {
    color: #919096;
    font-weight: 400;
}

#login-fancybox .block .content .input::-moz-placeholder {
    color: #919096;
    font-weight: 400;
}

#login-fancybox .block .content .input:-ms-input-placeholder {
    color: #919096;
    font-weight: 400;
}

#login-fancybox .block .content .input:-moz-placeholder {
    color: #919096;
    font-weight: 400;
}

#login-fancybox .block .content .checkbox {
    margin-bottom: 45px;
}

#login-fancybox .block .content .checkbox label.text {
    font-size: 0.8125em;
    color: #565659;
    font-weight: 400;
}

#login-fancybox .block .content .buttons {
    position: absolute;
    bottom: 40px;
}

#login-fancybox .block .content .buttons button {
    font-size: 0.875em;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
    height: 40px;
    padding: 0 30px;
    border-radius: 40px;
    outline: none;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s;
}

#login-fancybox .block .content .buttons a {
    font-size: 0.75em;
    color: #6cd015;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 17px;
    max-width: 125px;
    width: 100%;
    float: right;
    cursor: pointer;
    background: url(../img/icons/icon-text-link-arrow.svg) no-repeat right 3px;
    background-size: 6px 10px;
    text-align: right;
    display: none;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s;
}

.keybox{
    background: url(https://www.2em.ch/images/icons/keybox.svg) no-repeat 0px 4px;
    padding: 10px 0px 6px 30px;
}
.keybox2{
    background: url(https://www.2em.ch/images/icons/keybox.svg) no-repeat 0px 15px;
    padding: 10px 0px 6px 30px;
}

@media screen and (max-width: 840px) {
    #login-fancybox .block.blue .msg-alert {
        color: #919096;
    }
    #login-fancybox.login .block.signin .content {
        display: none;
    }
    .footer-cookies-txt{
        margin: 4px;
        padding-right: 50px;
    }
    #login-fancybox .block.accent .input-validation-container input.error {
        border-bottom-color: #1a7bb9;
        border-bottom-width: 2px;
        color: #1a7bb9;
    }
    #login-fancybox .block.accent .input-validation-container input.error::-webkit-input-placeholder {
        color: #1a7bb9;
    }
    #login-fancybox .block.accent .input-validation-container input.error::-moz-placeholder {
        color: #1a7bb9;
    }
    #login-fancybox .block.accent .input-validation-container input.error:-ms-input-placeholder {
        color: #1a7bb9;
    }
    #login-fancybox .block.accent .input-validation-container input.error:-moz-placeholder {
        color: #1a7bb9;
    }
    #login-fancybox .block.accent .input-validation-container .validation {
        background: #1a7bb9;
        width: auto;
        left: -25px;
        right: -25px;
    }
    #login-fancybox .block .title:not(.no-bg) {
        background-image: url(../img/icons/icon-expand-plus-white.svg);
    }
    #login-fancybox .block .title:not(.no-bg).opened {
        background-image: url(../img/icons/icon-expand-minus-white.svg);
    }
    #login-fancybox .block .title.no-bg {
        background-image: url(../img/icons/icon-expand-plus.svg);
    }
    #login-fancybox .block .title.no-bg.opened {
        background-image: url(../img/icons/icon-expand-minus.svg);
    }

    #login-fancybox::before {
        display: none;
    }
    #login-fancybox .block {
        width: 100%;
    }
    #login-fancybox .block.blue:not(.no-bg) {
        background: #1a7bb9;
    }
    #login-fancybox .block.blue:not(.no-bg) p {
        color: #FFFFFF;
    }
    #login-fancybox .block.blue:not(.no-bg) .buttons button {
        background: #FFFFFF;
        color: #1a7bb9;
    }
    #login-fancybox .block.blue:not(.no-bg) .buttons button.cancel {
        color: #FFFFFF !important;
    }
    #login-fancybox .block.blue:not(.no-bg) .buttons a {
        color: #FFFFFF;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #login-fancybox .block.accent:not(.no-bg) {
        background: #6cd015;
    }
    #login-fancybox .block.accent:not(.no-bg) .buttons button {
        background: #FFFFFF;
        color: #6cd015;
    }
    #login-fancybox .block.accent:not(.no-bg) .buttons a {
        color: #FFFFFF;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #login-fancybox .block .title {
        padding: 25px 35px;
    }
    #login-fancybox .block .title::after {
        left: 35px;
    }
    #login-fancybox .block .content {
        padding: 40px 25px;
    }
    #login-fancybox .block .content .input {
        border-bottom-color: rgba(255, 255, 255, 0.4);
    }
    #login-fancybox .block .content .input::-webkit-input-placeholder {
        color: #FFFFFF;
    }
    #login-fancybox .block .content .input::-moz-placeholder {
        color: #FFFFFF;
    }
    #login-fancybox .block .content .input:-ms-input-placeholder {
        color: #FFFFFF;
    }
    #login-fancybox .block .content .input:-moz-placeholder {
        color: #FFFFFF;
    }
    #login-fancybox .block .content .input:focus {
        border-bottom-color: #FFFFFF;
    }
    #login-fancybox .block .content .checkbox label.text {
        color: #FFFFFF;
    }
    #login-fancybox .block .content .checkbox input:checked + label.icon {
        background: url(../img/icons/icon-checkbox-checked.svg) no-repeat center #FFF;
        background-size: 11px;
    }
    #login-fancybox .block .content .buttons {
        width: 100% !important;
        position: static;
        margin: auto;
        margin-top: 25px;
        text-align: center;
    }
    #login-fancybox .block .content .buttons a {
        display: block;
        max-width: none;
        float: none;
        text-align: center;
        background: none;
        margin-top: 30px;
    }
    #login-fancybox .block .content .buttons a:hover {
        color: #5db511;
    }
    #login-fancybox .block .content .input {
        color: #FFFFFF;
    }
    #login-fancybox .block.accent .msg-alert {
        color: #1a7bb9;
    }
    #login-fancybox {
        min-width: inherit;
    }
    #login-fancybox .block.blue .input-validation-container input.error {
        border-bottom-color: #6cd015;
        border-bottom-width: 2px;
        color: #6cd015;
    }
    #login-fancybox .block.blue .input-validation-container input.error::-webkit-input-placeholder {
        color: #6cd015;
    }
    #login-fancybox .block.blue .input-validation-container input.error::-moz-placeholder {
        color: #6cd015;
    }
    #login-fancybox .block.blue .input-validation-container input.error:-ms-input-placeholder {
        color: #6cd015;
    }
    #login-fancybox .block.blue .input-validation-container input.error:-moz-placeholder {
        color: #6cd015;
    }
    #login-fancybox .block.blue .input-validation-container .validation {
        background: #6cd015;
        width: auto;
        left: -25px;
        right: -25px;
    }
    .footer_background{
        background: url(../images/bg-footer-mobile.jpg) no-repeat center top;
    }
}




/*################################# RESPONSIVE #################################*/

@media screen and (max-width: 1141px) { 
	.wrapper_2em { width: 100%; } 
	.list_result { width: 68%; }
	.filter_result { width: 28%; margin-left: 2%;}
}

@media screen and (max-width: 1024px) { 
	.good_deal h1 {
		padding-left: 10px
	}
	.good_deal_list li{
		width: 50%;
	}
	.good_deal_car img {
	    width: 100%;
	}
	.blog_2em_list li{
		width: 50%;
	}
	.blog_2em_img img{
		width: 100%;
	}
	.reward_car_txt {
	    margin-bottom: 40px;
	}
	.detail_content{
		width: 100%;
		box-sizing: border-box;
	}
	.detail_rubrique img{
		width: 100%;
	}
	.detail_form {
		width: 100%;
		padding: 0px;
	}
	.detail_form_float {
		width: 100%;
	}	
	.menu_localisation {
		width: 100%;
		position: absolute;
		bottom: 10px;
		margin-left: 0;
	}
	.result_localisation {
		width: 100%;
		color: #999;
	}
}

@media screen and (max-width: 860px){
    #smeneu {
        height: auto;
    }
    #smeneu ul {
        width: 100%;
        /*margin-top: 58px;*/
    }
    #smeneu ul li {
        float: none;
        margin: 0;
        width: 100%;
        border-bottom: none;
    }
    #smeneu ul li a {
        background: #3a3a3a;
        border-left: 5px solid #3a3a3a;
        border-bottom: 1px solid #505050;
    }
    #smeneu ul li.active a {
        border-left: 5px solid #1a7bb9;
        border-bottom: 1px solid #505050;
        background: #eee;
        color: #1a7bb9;
    }
}

@media screen and (max-width: 768px){
	.customtop{
		margin-top: 56px;
	}
	.header-padding-top{
		padding-top: 56px;
	}
	.good_deal_list li,
	.result_list li	{
	    width: 100%;
	}
	.result_car img {
		max-width: initial;
		max-height: initial;
	}
	.form_search ul {
	    margin-right: 0px;
	}
	.form_search li {
	    float: none;
	    width: 100%;
	    border-bottom: 1px solid #DDD;
	}
	.form_home h1{
		margin-top: 100px;
    	line-height: 60px;
    	font-size: 34px;
	}
	.form_submit {
	    position: initial;
	    top: initial;
	    right: initial;
	    width: 100%;
	}
	.reward_car_title {
    	padding-top: 40px;
		padding-bottom: 25px;
	}
	.footer {
		padding: 25px 0 80px 0;
	}
	.footer_list h3 {
    	padding: 20px 0 15px 0 !important;
	}
	.footer_list li {
    	margin-bottom: 10px;
	}
	.comment_body{
		width: 100%
	}
	.logo_2em{
		margin-left: 5px;
	}	
	.menu-wrapper ul {
		display: none;
		margin-right: 5px;
	    position: fixed;
	    border-right: 1px solid #ccc;
	    border-left: 1px solid #ccc;
	    right: 0px;
	    top: 63px;
	    z-index: 9;
	}
	.calendar_localisation label {
		display: none;
	}	
	.rent_my_car{
		display: block;
		text-align: center;
	}
	.rent_my_car a{
		padding: 20px 0;		
		border-top: 1px solid #ccc;
	    text-decoration: none;
	    display: block;
	    text-shadow: none;
	    color: #0b91d4;
	}
	.rent_my_car a:hover{
		background: #eee;
	}
	.cities_txt {
    	margin-bottom: 80px;
	}
	.rent_car{
		/*display: none !important;*/
	}	
	.user-menu{
		display: inline-block;
	}	
	.menu-wrapper li{
	    display: block;
	    float: initial;
	    border-top: 1px solid #CCC;
	    background: #FFF;
	}	
	.menu-wrapper li a {
	    padding: 8px 20px;
    	margin: 0;
	}	
	.slider_result{
		background: #050519;
		height: auto;
		position: fixed;
    	top: 64px;
    	z-index: 8;
	}	
	.result_form h1{
		display: none;
	}	
	.result_form_container {
	    display: none;
	}	
	.result_form_container ul {
	    padding-bottom: 10px;
	}	
	.result_form_container li{
		width: 100%;
	}	
	.menu_2em{
		position: fixed;
		top: 0;
		border-bottom: 1px solid #ccc;
	}	
	#closed6,
	#closed7{
		display: none;
	}
	#closed10,
	#closed11,
	#closed12,
	#closed13{
		display: block;
	}
	.detail_rubrique {margin-top:0;}
	
	.adapted_car_list,
	.cities_list {
	    margin: 0;
	    overflow: hidden;
	    width: 100%;
	}
	.adapted_car_list li,
	.cities_list li{
		float: initial;
    	margin: 0 auto;
	}
	.adapted_car_nav_left,
	.cities_nav_left,
	.offer_nav_left,
	.comment_nav_left {
	    left: 10px;
	}
	.adapted_car_nav_right,
	.cities_nav_right,
	.offer_nav_right,
	.comment_nav_right {
	    right: 10px;
	}
	.offer_reserve_now a{
		width: 100%;
	}
	
	.nav-pills>li+li {margin-left: 0;}
	#autos-list { margin-left: 0!important;}
	
    .press-header-left,
    .press-header-right{
    	width: 100%;
    }
    .press-header-left div, 
    .press-header-right div {
    	margin-left: 0;
	}
	.press-header-left h5,
	.press-header-right h5 {
	    margin-left: 0;
	}
	.presseLogo{float: initial;}
	.presseArticle {margin-left: 0;}
	.presseFleche {display: none;}
	.presse h3 {padding: 5px 0;}
    
    .marqueLogo, 
    .villesLogo{
        float: initial;
    }

    .marqueArticle,
    .villesArticle{
        margin-left: initial;
    }
    .article img{
        width: 100%;
        height: auto;
    }
}
@media (max-width:750px){
	.WraperalertMessages .alertMessages {
            line-height:19px;
	}
        .menu_2em .menu-wrapper .parrainageLink>a{
            padding-right: 22px;
        }
}
@media screen and (max-width: 560px){
	
	.rent_different_list li {
            width: 100%;
            text-align: center;
	}
	.rent_different_list img{
	    float: initial;
	    display: block;
            margin: 0 auto 20px auto;
        }
	.result_car img {
            max-width: 560px;
	}    
	.blog_2em_list li {
	    width: 100%;
	}
	.footer_list li {
            width: 100%;
	}
	.form_home h2 {
            display: none;
	}	
	.list_result {
		width: 100%;
		float: initial;
	}		
	.filter_result {
		width: 100%;
		float: initial;
	}	
	.slidecontainer{
		width: 96%;
	}	
	.filter_list_map,
	.slidecontainer,
	.filter_controls{
		margin: 0 10px;
	}	
	.result_form_adr{
		margin-left: 20px;
		width: 160px;
	}	
	.user-menu {
	    margin-right: 10px;
	}
	.logo_2em img {
	    width: 120px;
	    margin-top: 10px;
	}
	
}

@media screen and (max-width: 480px) {
	.result_form_adr{
		width: auto;
	}
    li.parrainageLink{
        display:none;
    }
}


/* CSS ASSURANCE BALOISE */
.assurance_wrapper{
    padding: 1em;
    width: 100%;
    font-size: 14px;
    font-family: arial,Lato,sans-serif;
    line-height: 26px;
  }
  .assurance_field{
    margin: 20px 0;
  }
  .assurance_check{
    float: left;
  }
  .assurance_check span{
    height: 1.5rem;
    width: 1.5rem;
    border: 2px solid #2ca6ae;
    border-radius: 100%;
    margin-right: 1rem;
    margin-left: -.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #2ca6ae;
  }
  .assurance_clause{
    padding-left: 40px;
    background-image: url(../images/assurance-baloise.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
  }
  .assurance_field a{
    color: #2ca6ae;
    text-decoration: none;
  }
  .assurance_field ul{
    margin: 0 140px 0 0;
    list-style: circle;
  }
  .assurance_field li{
  
  }
  .assurance_field_bold{
    font-weight: bold;
    font-size: 16px;
  }

.position_relative{
    position: relative;
}
.img_date_permis{
    background-image: url(../images/date_permis.jpg);
    background-repeat: no-repeat;
    width: 179px;
    height: 28px;
    display: block;
    position: absolute;
    right: 15px;
    top: 54px;
}
.date_permis_1{
    right: 18px;
    top: 10px;
}

.date_permis_2{
    right: 0;
    top: 0;
}
/* END CSS ASSURANCE BALOISE */