/* ------------------------------RAZ */
{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal;}
ul{margin:0; padding:0; list-style:none;}
a{text-decoration:none; color:#2a2a2a; outline: none;} 
a:hover{color:#ff4c4f;}
a img{border:none;}
.clear{clear:both; display:block; line-height:1px; font-size:1px; height:1px;}
.clearfix{zoom:1;}
.clearfix:after{content: "."; display:block; height:0; clear:both; visibility:hidden;}
:focus{-moz-outline-style:none; outline-style:none; border: none;}
.hidden{visibility:hidden;}
input, textarea{color:#2a2a2a; font-family: 'monserrat', "trebuchet MS"; font-size:13px; outline-style: none;}

.inp-header-static,
#inputString{
	font-family:"trebuchet MS", arial;
}
::selection{background:#333; color:#fff;} 
::-moz-selection{background:#333; color:#fff;}      
fieldset{border:none;}
header, footer, section, aside, nav, article, figure, hgroup{display:block;}
map, area{
	-moz-outline-style:none; 
	outline-style:none;
	border:none;
}
a, img {outline:none;}
#Map, #my-map{
    outline: none;
    border:0;
}

input[type=submit],
input[type=text],
input[type=password]{
    -webkit-appearance: none;
    border-radius: 0;
}

@font-face {
    font-family: 'monserrat';
	src: local('Amonserrat Font Bold'),
		 url('/css/font/Montserrat-Bold.woff2') format('woff2'),
         url('/css/font/Montserrat-Bold.woff') format('woff'),
         url('/css/font/Montserrat-Bold.ttf') format('truetype'),
         url('/css/font/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
		 url('/css/font/Montserrat-Bold.eot'),
		 url('/css/font/Montserrat-Bold.eot?#iefix') format('eot');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
} 
@font-face {
    font-family: 'monserrat';
    src: local('Amonserrat Font'),
		 url('/css/font/Montserrat-Regular.woff2') format('woff2'),
         url('/css/font/Montserrat-Regular.woff') format('woff'),
         url('/css/font/Montserrat-Regular.ttf') format('truetype'),
         url('/css/font/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
		 url('/css/font/Montserrat-Regular.eot'),
		 url('/css/font/Montserrat-Regular.eot?#iefix') format('eot');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
	margin-right: 10%;
} 

#alert_spinner {
    display: none;
    padding: 40px 20px;
    text-align: center;
    font-size: 2rem;
}

#alert_spinner #alt-loading-global {
    background: url(../images/fav-loading.gif) no-repeat;
    width: 61px;
    height: 61px;
    margin: 20px auto;
}

/*.outil-debug{display:none;}*/
.outil-debug{
	position:absolute;    
	top:0px;
	right:0;	
	width:0;
	height:0;  
	z-index:2147483647;
}      
.btn-debug-header{
	background:url(/images/debug.png);
	width:111px;
	height:71px;    
	position:absolute;
	z-index:100000000;
	top:80px;
	left:-111px;                       
	cursor:pointer;  
	z-index:2;
}  
#debug-header{
	width:0px;
	background:#fff;
	padding:20px;    
	display:none;           
	position:relative;
	top:0px;
	right:0; 
	-moz-box-shadow: 0px 8px 12px #aaa;  
    -webkit-box-shadow: 0px 8px 12px #aaa;  
    box-shadow: 0px 2px 2px #555;   
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    z-index:12;
    color: #555555;
}
/*-------GENERAL------------*/
html{height:100%;}
body{
	font-family: 'monserrat', "trebuchet MS";
	font-size:13px;    
	line-height:17px;	 
	color:#2a2a2a;   
	background:#fff;
	height:100%!important;
	overflow-x: hidden;
	width:100%!important;
	margin:0 auto;
}


#option_tries{
	display:none;
}
.center{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

/*----------------HEADER------------*/
#header .optiontrie{
	top:50px;
	left:10px;
	position:absolute;
}
#header{
	position:relative;
	width:100%;
	z-index:8000;
	color:#fff;
	height:454px;
}       
#header .form-header{
	position:relative; 
	width:834px;
	height:141px;    
	background:#2a2a2a;
	position:absolute;
	top:268px;
	left:50%;
	margin-left:-417px;
	padding:187px 0px 0px;
	z-index:12;
}
#bloc-bg-header{
  height: 454px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;	
}
.small-head #bloc-bg-header{
	display:none;
}
#header .mybg{
  height:454px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top:0;
  width: 100%;	
  background-position:center top;
  background-repeat:no-repeat;
}


#header .bg-header-2{
  /*background: url(/images/header-home-3.jpg) no-repeat center top;*/
  display:none;
}
#header .bg-header-3{
  /*background: url(/images/header-home-4.jpg) no-repeat center top;*/
  display:none;
}

.overflow-anim-home{
	width:400px;
	width:364px;
	height:102px;
	overflow:hidden;
	position:absolute;
	top:303px;
	left:50%;
	margin-left:-182px;
	z-index:1000000;	
}
.small-head .overflow-anim-home{
	display:none;
}
.anim-home{
	width:400px;
	width:380px;
	height:180px;
	position:absolute;
	top:-50px;
	left:-17px;
	z-index:1000000;	
}
.anim-home img{
    position: absolute;
    top: 22px;
    left: -3px;
}

#header #ph1{
	width:358px;
	height:67px;
	text-indent:-5000px; 
	position:absolute;
	left:50%;
	margin-left:-179px;
	z-index:13;
	top:318px;
}          
#header #ph1 a{
	display:block;
	width:358px;
	height:67px;
}    
#ph2{
	font-size:18px;
	text-align:center;  
	margin:18px 0 30px 0; 
	letter-spacing:0.4px;
	color:#fff;
	position:absolute;
	top:387px;
	z-index:13;
	width:100%;
}     
#header div.conteneur-input{
	width:548px;
	margin:0 auto;
}  
#header div.conteneur-input div.bg-input{
	position:relative; 
	height:50px
}   
.btn-del-search{
	background:url(/images/btn-ok-home.png) no-repeat;
	width:58px;
	height:50px;
	text-indent:-5000px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:40;
	cursor:pointer;
/*	background: url(../images/loader-header.gif) no-repeat;*/
}
input.btn-del-search {
	border: none;
    color: #fff;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-del-search.inload {
	background:url(/images/loader.gif) no-repeat;
	background-position: 30px 10px !important;
	cursor:initial;
}
#header div .input-search{
	position:relative;
	width:100%;          
	float:left;
}           
#header div .input-search span{
	position:absolute;
	top:0;
	left:0; 	
	width:100%;
}
#header div .input-search input{    
	height:50px;  
	line-height:50px;
	line-height:100%; 
	font-size:15px;
	background: #fff;       
	border:none; 
	width:100%;
	padding:0 65px 0 15px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;	
}
.bg-input-search{
	color:#ccc;
} 
#smart-header,
#smart-menu-header,
#overlay-smart-menu-header{
	display:none;
}

/*---AUTOCOMPLETE---*/
#autocomplete{
	width:792px;
	background:#fafafa;
	z-index:5;
	padding:5px 0px 5px 0px;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:40px;
	left:0px;      
	border-top:1px solid #e6e6e6;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff; 
    -moz-box-shadow: 0px 8px 12px #aaa;  
    -webkit-box-shadow: 0px 8px 12px #aaa;  
    box-shadow: 0px 2px 2px #555;
    display: none;
}       
#autocomplete ul li{
	padding:4px 0 4px 14px;
	line-height:20px;
}   
#autocomplete ul li:hover,
#autocomplete ul li.hover,
#autocomplete ul li.hover a,
#autocomplete ul li:hover a,
#autocomplete ul li a:hover{
	background:#d5d5d5;
	color:#828282;
}
/*---FIN AUTOCOMPLETE---*/

#header div.conteneur-input div .add-item{
	float:left;           
	padding:0 0 0 0;
}                                 
#header div.conteneur-input div .add-item p{
	cursor:pointer;
	border:1px solid #ccc;
	padding:3px 25px 3px 10px;
	display:inline-block;   
	background:url(/images/croix.png) 95% 8px no-repeat;
	margin-right:3px; 
	font-size:10px;
	line-height:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	color:#000;
}
#header #ex-header{
	font-size:12px;         
	color:#9f9f9f;
	text-align:center;
	margin-top:18px;
}
#header #ex-header li{
	display:inline;	
	font-size:12px;
}
#header #ex-header a{
	color:#9f9f9f;
}
#header #ex-header a:hover{
	color:#fff;
}
#header #ex-header a:hover{
	text-decoration:underline;
}
#header .donow{
	position:absolute;
	right:40px;
	top:13px;
	color:#fff;
}                
#header .compteur{
	position:absolute;
	top:30px;
	right:40px;
	font-size:16px;
	font-family:georgia;
	color:#000;	               
}     
#header .compteur span{
	font-size:24px;
	font-family:georgia;
	font-weight:bold; 
}                           


.btn-retour-recherche{
	position:absolute;
	top:35px;
	right:0px;
	background:#ffd200 url(/images/puce-link-depot.png) no-repeat 12px center;
}
.btn-retour-recherche a{ 
	display:block;
	width:176px;
	height:30px;
	color:#000;
	line-height:30px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 0 25px;
}
.btn-retour-recherche a:hover{
	color:#000;	
}


/*----compteur---*/
.btn-header-top{
	position:absolute;
	top:-45px;
	left:0;
	height:1px;
	z-index:12;
	width:100%;
}    
.small-head .btn-header-top{
	top:0;	
}
.filet{
	background:url(/images/bg-nombre-annonce.png) no-repeat;
	width:193px;
	height:2px;
	position:absolute;
	top:17px;
	left:3px;
}
.center-btn-top-annonce{
	position:relative;
	height:1px;
	width:100%;	
	margin-top:0;
}
.small-head .center-btn-top-annonce{
	margin-top:0;	
}



    
/*------btn depot annonce--*/
.btn-depot-annonce{
	float:left;
	position:relative;
	height:35px;
	line-height:35px;
	background:#ff4c4f;
	z-index: 12;
	font-size:14px;
	color:#fff;
	padding:0 12px 0 28px;
	cursor:pointer;
	margin-right:20px;
}
.small-head .btn-depot-annonce{
	display:none;	
}
.btn-depot-annonce:hover{
	background:#ef2f32;	
}
.btn-depot-annonce em{
	width:16px;
	height:16px;
	position:absolute;
	top:10px;
	left:11px;
  	background: url(/images/picto-other-site-sprite.png) -300px 0 no-repeat;
}


/*----btn-autre site--*/
.new-other-site{
	width:226px;	
	height:35px;
	position:relative;
	float:left;
	color:#fff;		
	font-size:14px;
	background:#2a2a2a;
}
.footer .new-other-site{
	display:none;	
}
.new-other-site .current{
	height:35px;
	line-height:35px;	
	position:relative;
	cursor:pointer;
	padding-left:15px;
}

.current em{
	width:40px;	
	height:35px;
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #434343;
	cursor:pointer;
}
.current span{
	background:url(../images/puce-new-site.png) center center no-repeat;
	width:12px;
	height:8px;	
	position:absolute;
	top:14px;
	left:14px;
	transition:all 150ms ease-in-out 0s;
	-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);
}	
.current.selected span{
	-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);	
}
.new-other-site .new-site{
	position:absolute;	
	left:0;
	top:35px;
	display:none;
	padding:11px 0;
	background:#3a3a3a;
	width: 226px;
}
.new-other-site .new-site li{
	width:216px;	
	height:30px;	
	position:relative;
	margin-bottom:0;
}
.new-other-site .new-site li.new-site-m a{background:url(../images/new-site-m.png) 15px center no-repeat;}
.new-other-site .new-site li.new-site-p a{background:url(../images/new-site-p.png) 15px center no-repeat;}
.new-other-site .new-site li a{
	height:30px;
	color:#fff;		
	display:block;
	line-height:30px;
	padding-left:35px;
	width:201px;
	text-transform:uppercase;	
	font-size:11px;
	letter-spacing:0.7px;
}


#center-btn-connect{
	position:relative;
	padding:18px 25px 0 25px;
	height:1px;	
	margin-top:0;
}
.float-btn-header{
	float:right;	
}

.float-btn-header p, #login .valid-form, .form-header .conteneur-input .input-search, .form-header .conteneur-input .btn-del-search {margin-top:0; margin-bottom:0px;}
.my-insolites .content-insolites p, .bloc-neuf .content-neuf p, .news-footer p, .bottom-ref p {margin-top:0; margin-bottom:0px;}


/*-------------POPIN DEPOT---------------*/
.overlay-depot{
	background:url(/images/overlay-annonce.png);
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000000;	
	width:100%;	
	display:none;
}

.depot-annonce{
	padding:0;	
	display:none;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing: border-box;
	height:454px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.small-head .depot-annonce {
    height:282px;
    top:97px;
}
.padd-depot-annonce{
	padding-top:62px;		
}	
.content-depot-annonce{
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing: border-box;
	padding:11px 0 0 0;	
	width:834px;
	margin:0 auto;
	position:relative;
}

.close-popin-depot{
	height:24px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 20px;
	width:24px;
	background:url(../images/close-popin-header.png) no-repeat;
	cursor:pointer;
}
.close-connect{
	height:24px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 20px;
	width:24px;
	background:url(../images/close-popin-header.png) no-repeat;
	cursor:pointer;
}


.depot-annonce .ph5{
  	font-size: 18px;
  	font-weight: bold;
    line-height:20px;
  	margin-bottom:12px;
}
.depot-annonce .parag{
	font-size:14px;
	line-height:19px;	
}
.depot-annonce .float-depot{
	float:left;	
	width:541px;
}
.float-link{
	float:left;	
	width:236px;
}

.float-link li{
	margin-bottom:20px;	
}
.float-link li a{
	height:43px;
	line-height:43px;
	display:block;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	background:#ff4c4f;	
	position:relative;
}
.float-link li a span{
	padding:0 0 0 20px;	
	background:url(../images/plusdepot.png) 0 center no-repeat;	
}
.float-link li a em{
	background:#fff;
	width:168px;
	height:47px;	
	position:absolute;
	top:-8px;
	right:-192px;
	color:#000;
	font-size:13px;
	font-style:normal;
	text-transform:none;
	line-height:16px;
	font-weight:normal;
	padding-top:11px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display:none;
}
.float-link li a em i{
	background:url(../images/fleche-depot.png) no-repeat;	
	width:8px;
	height:10px;
	position:absolute;
	left:-8px;
	top:50%;
	margin-top:-5px;	
}

.info-depot{
	font-size:11px;
	font-style:italic;
	width:100%;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing: border-box;
}

/*---btn mon compte--*/
.moncompte{
  float:left;
}
.moncompte a{
  /*background:#0dc2bd;*/
  color: #fff;
  position:relative;
  z-index:2;
  height:35px;
  line-height:35px;
  padding:0 12px 0 20px;
  float:left;
  font-size:12px;
}
.moncompte a:hover{
  /*background:#01a6a1;*/
}
.moncompte-deco a,
.moncompte-deco a:hover{
	background-image:url(../images/croix-deco.png);
	background-repeat:no-repeat;
	background-position:86% center;
	padding-right:25px;
}

.moncompte em {
	/*background:url(../images/picto-other-site-sprite.png) no-repeat -600px 0;*/
	background:url(../images/mon-compte-header.png) no-repeat;
	height:13px;
	left:14px;
	width:16px;
	display: block;
	margin: auto;
}
#smart-login, 
#smart-logout,
#smart-alerts, 
#smart-favorites,
#smart-contact,
#smart-unsubscribe{
	height: 33px;
	float: none;
	margin-bottom: 14px !important;
	display: block;
}
#smart-alerts, 
#smart-favorites{
	text-align: start;
	color: white;
	line-height: normal;
}
#smart-contact a,
#smart-unsubscribe a{
	color: white;
	font-size: 14px;
}
#smart-login em , 
#smart-logout em{
	display: inline-block;
	margin-right: 0.5rem;
}
#smart-login a, 
#smart-logout a,
#smart-alerts, 
#smart-favorites{
	padding: 0;
	background-image: none;
	font-size: 14px;
}
#smart-alerts img , 
#smart-favorites img{
	width: 16px;
	display: inline-block;
	margin-right: 0.5rem;
}
#smart-alerts em , 
#smart-favorites em{
	display: inline-block !important;
}
#smart-logout:hover em{
	background: url(../images/croix-deco.png) no-repeat center;
}
.moncompte.mini-connect a{
	font-size:12px;	
}
.moncompte-deco.mini-connect a, .moncompte-deco.mini-connect a:hover {
	background-image:url(../images/croix-deco.png);
	background-repeat:no-repeat;
	background-position:92% center;	
}



/*--------------Connection-----------------*/
#open-bloc{
	height:454px;
	background:url(../images/bg-trans-header.png);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
}
.small-head #open-bloc{
	height:282px;
	top:97px;
	background:#3b3b3b;
}
.seconnect{}
.creecompte{
	display:none;	
}

.small-head .fixed-header #open-bloc,
.small-head .fixed-header .moncompte-bloc,
.small-head .fixed-header .depot-annonce{
	top:80px;	
	top:70px;
	z-index:12;
}
#connection{
	position:relative;
	z-index:11;
}
.small-head #connection{
	top:0;	
} 


.moncompte-bloc{
	padding:38px 0 0 0;	
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing: border-box;
	display:none;	
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
/*
.moncompte-bloc, 
#open-bloc,
.creecompte
{
	display:block;	
}
.seconnect{display:none}*/
.small-head .moncompte-bloc{
    padding:31px 0px 0px;
    top: 97px;
} 
.center-moncompte{
	width:832px;
	margin:0 auto;	
}
.small-head .center-moncompte,
.small-head .content-depot-annonce{
	/*width: 100%;*/
	max-width: 1100px;
	position: relative;
	margin: 0px auto;    
}
.moncompte-bloc .ph5{
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:16px;	
}
.moncompte-bloc .inp-text{
	margin-bottom:20px;	
}
.moncompte-bloc .form-mdp .inp-text{
	margin-top:15px;	
}
.moncompte-bloc .inp-text input,
.moncompte-bloc .inp-text input{
	width:244px;
	height:46px;
	line-height:46px;
	background:#fff;
	border:none;
	font-size:16px;
	color:#2a2a2a;
	padding-left:18px;
}
.moncompte-bloc .bottom-inp{
	position:relative;	
}
.moncompte-bloc .bottom-inp .valid-form{
	position:absolute;
	left:214px;
	top:0;
}
.moncompte-bloc .loose-mdp{display:none;}
.moncompte-bloc .form-mdp .valid-form{
	position:absolute;
	left:122px;
	top:0;	
}
.moncompte-bloc .form-mdp .valid-form input {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background:#0dc2bd;
    color: #FFF;
    text-transform: uppercase;
    border:none;
    cursor:pointer;
}
.moncompte-bloc .bottom-inp .valid-form input{
	width:48px;
	height:48px;
	line-height:48px;
	text-align:center;
	background:#0dc2bd;
	color:#fff;	
	text-transform:uppercase;
	border:none;	
    cursor:pointer;
}
.moncompte-bloc .inp-pass{
	margin-bottom:10px;	
}
.moncompte-bloc .inp-pass input{
	width:196px;	
}
.btn-mdp-oublie{
	color:#fff;	
	padding-top: 3px;
	display: inline-block;
}
.b-remem{
	margin-top:3px;	
}
.b-remem label{
	padding-left:4px;	
}

.load-log{
	width:32px;
	height:32px;
	background:url(../images/load-log.gif) no-repeat;
	display:none;	
	position: absolute;
	top: 7px;
	left: 282px;
}

.moncompte-bloc #login,
.moncompte-bloc .left-creer-compte{
	width:391px;
	float:left;
}
.moncompte-bloc .right-moncompte{
	width:327px;
	float:left;	
}
.moncompte-bloc .right-moncompte p{
	font-size:16px;	
	line-height:21px;
}
.moncompte-bloc .right-moncompte a{
	background:#0dc2bd;
	color:#fff;	
	line-height:43px;
	height:43px;
	display:inline-block;
	padding:0 22px;
	font-size:14px;
	text-transform:uppercase;
	margin-top:26px;
	letter-spacing:0.7px;
}
.creecompte .right-moncompte{
	padding-top:33px;	
}
.creecompte .right-moncompte .inp-check label{
	font-size:16px;
	padding-left:17px;	
}
.creecompte .right-moncompte .valid-form input{
	background:#0dc2bd;
	color:#fff;	
	line-height:43px;
	height:43px;
	display:inline-block;
	padding:0 22px;
	font-size:14px;
	text-transform:uppercase;
	margin-top:26px;
	border:none;	
	cursor:pointer;	
	letter-spacing:0.7px;
}

#creer-compte{
	padding:0 0 0 0;	
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing: border-box;
	display:none;
	height:522px;	
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#creer-compte .center-connection{
	width:924px;
	margin:0 auto;
	position:relative;
	padding-top:143px;	
}
#creer-compte .left-connection{
	width:449px;
	height:246px;
	padding:29px 74px 0 48px;	
	background:#fff;
	float:left;	
}
#forgotten_password .valid-form input {left:141px; top:-13px; hight:46px; line-height:46px;}

/*-------Mail modification------------*/
#mail-update{
    width:391px;
    float:left;
}
#mail-modification{
    display:none;
}
#mail-modification .valid-form input{
    width:48px;
    height:46px;
    line-height:46px;
    text-align:center;
    background:#0dc2bd;
    color:#fff;
    text-transform:uppercase;
    border:none;
    cursor:pointer;
    position: absolute;
    left: 262px;
    top: 20px;
}
#mail-input{
    position: absolute;
    padding-top: 20px;
}

.new-c-compte{
	/*padding-top:10px;*/	
	position:relative;
}
.new-c-compte .my-c-step{
	font-size:16px;
	margin:36px 0 28px 0;	
}
.new-c-compte .my-c-step span{
	color:#ff4c4f;	
}
.new-c-compte .inp-bloc .text-c{
	width:250px;
	padding:0 0 0 12px;
	height:46px;
	line-height:auto;
	border:none;
	background:#fff;	
	font-size:14px;
}
.new-c-compte .inp-bloc .pass-c{
	margin-left:26px;	
}
.new-c-compte .inp-bloc .valid-c{
	padding:0 37px 0 25px;
	height:46px;
	line-height:auto;
	border:none;
	background:#ff4c4f url(../images/puce-c-compte.png) no-repeat 90% center;
	color:#fff;		
	cursor:pointer;
	font-size:14px;
	margin-left:48px;
}
.new-c-compte .check-c{
	margin-top:17px;	
}
.new-c-compte .check-c label{
	padding-left:11px;
	font-size:13px;	
}
#c-step-2{display:none;}

#c-step-3{
	text-align:center;	
	font-size:16px;
	line-height:23px;
	padding:34px 0 55px 0;
	background:url(../images/puce-final-c.png) no-repeat center bottom;
	display:none;
}
#c-step-3 .ph6{
	font-size:20px;
	font-weight:bold;	
	text-transform:uppercase;
	line-height:23px;
	margin-bottom:6px;
}
#c-step-3 p{
			
}

.bt-return-step{
	position: absolute;
	top: 15px;
	right: 0;	
	cursor:pointer;
	background:url(../images/puce-prev-step.png) left center no-repeat;	
	padding-left:18px;
}
.bt-return-step:hover{
	color:#ff4c4f;	
}
.eror-step-c{
	color:#FF4C4F;
	margin-top:20px;	
	display:none;
}
.create_account_error{
	margin-top:10px;	
}

#connection .multilingue{
	height:40px;
	float:left;
	margin-left:33px;
	position:relative;	
	width:21px;
}
#connection .multilingue .selected-langue{
	height:40px;	
	position:relative;
	cursor:pointer;
}
#connection .multilingue .selected-langue img{
	position:absolute;
	top:14px;
	left:0;	
}
#connection .multilingue .new-langue{
	position:absolute;	
	left:-21px;
	top:49px;
	display:none;
	background:#fff;
	padding:10px 0;
}
#connection .multilingue .new-langue .fleche{
	position:absolute;
	top:-9px;
	left:50%;
	margin-left:-6px;
	width:13px;
	height:9px;
	background:url(../images/fleche-top-header.png) no-repeat;	
}
#connection .multilingue .new-langue li{	
	position:relative;
}
#connection .multilingue .new-langue li a{	
	color:#333;		
	display:block;
	padding:7px 21px;
}
#connection .multilingue .new-langue li a span {
  display:block;
  padding:0;  
  z-index:4;
}
#connection .multilingue .new-langue li img{
	display:block;
}

.hidden{
    display:none;
}



/*-------------Mode small-header---------------*/   
#info-header{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:none;
} 
.small-head{
	background:#eff2f5;
}
.small-head #header {
  	height:98px;
  	background:#2a2a2a;
  	/*transition:all 100ms ease-in-out 0s;*/
  	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 	position:fixed;
 	position:absolute;
	top:0;
	left:0;
}
#header .sous-header {
    padding-top: 0;
    position:relative
}
.small-head #header .sous-header{
	padding-top:32px;
	/*transition:all 100ms ease-in-out 0s;*/
}


.small-head #header.transit-header .sous-header {
	padding-top:0px;	
    /*transition:all 0.4s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.3s;*/	
    opacity:0;
}
/*
.small-head #header.fixed-header .sous-header{
	    padding-top: 17px;
	    opacity:1;
}*/
/*----------TRANSIT HEADER-------------*/
.small-head #header.transit-header{
	height:0px;
	position:fixed !Important;
	top:0;
	left:0;
	/*overflow:hidden;*/
}
.small-head #header.init-header{
	height:98px !important;
	position:absolute;
}
.small-head #header.init-header .sous-header{
	padding-top:32px !important;
	opacity:1 !important;
}
.small-head #header.fixed-header{
	position:fixed;
	top:0;
	left:0;	
	z-index:10000;
	height:70px;
	/*transition:all 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;*/
}

.custom-letter #header.fixed-header {
	height:98px;
	position:fixed!important;
	top:0;
	left:0;
	z-index:10000;
}
.custom-letter .departements, .custom-letter .list-lettre.marques {
	position: fixed;
	top: 98px;
	left: 4px;
	width:60%;
	z-index: 10;
	margin:0 auto;
	right:0px;
	left:0px;
}
.custom-letter #large-content {padding-top:300px;}

.small-head #header.transit-header #ph1{
	background:url(/lng/fr_FR/images/small-logo-igloo.png) no-repeat -38px 0;
	width:29px;
	height:34px;
}
.small-head #header.transit-header #ph1 a {
    display: block;
	width:29px;
	height:34px;
}
.small-head #header.transit-header .header-favoris em,
.small-head #header.transit-header .header-alert em{
	display:none
}
.small-head #header.transit-header .header-favoris{

}
.small-head #header.transit-header #connection .multilingue{
	display:none
}
.smart-barre-top{
	display:none;	
}
.small-head #header.transit-header .smart-barre-top{
	width:26px;
	height:22px;
	position:absolute;
	top:8px;
	right:0;
	display:block;
}
.small-head #header.transit-header .smart-barre-btn{
	width:26px;
	height:22px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;	
}
.small-head #header.transit-header .smart-barre-btn .sm-line{
	background:url(../images/smart-barre-top.png) no-repeat;	
	height:2px;
	width:26px;
	position:absolute;
	left:0;
	top:-20px;
	opacity:0;
}

.small-head #header.transit-header .my-smart-barre{
	background:#2a2a2a;
	width:216px;
	padding:21px 10px 30px 24px;	
	position:absolute;
	top:63px;
	left:-204px;
	display:none;
}
.small-head #header.transit-header .my-smart-barre p {margin-top:0px; margin-bottom:0px;}
.small-head #header.transit-header .puce-smart-barre{
	background:url(../images/puce-smart-barre.png) no-repeat;
	width:13px;
	height:8px;
	position:absolute;
	top:-8px;
	left:211px;	
}
.small-head #header.transit-header .btn-depot-annonce,
.small-head #header.transit-header .moncompte{display:none;}

.small-head #header.transit-header .my-smart-barre .btn-depot-annonce,
.small-head #header.transit-header .my-smart-barre .moncompte{display:block;}
.small-head #header.transit-header .my-smart-barre .moncompte.hidden{display:none;}

/*.small-head #header.transit-header .my-smart-barre .btn-depot-annonce em
.small-head #header.transit-header .my-smart-barre .moncompte em{display:none}*/

.small-head #header.transit-header .my-smart-barre .btn-depot-annonce , 
#smart-contact,
#smart-unsubscribe{
	float:none;
	height:33px;
	line-height:33px;
	background:none;
	padding:0px;
	cursor:pointer;
	margin-right:0;	
	margin-bottom:14px;
}
.small-head #header.transit-header .my-smart-barre .btn-depot-annonce em{display:none}
/*
.small-head #header.transit-header .my-smart-barre .moncompte{
	float:none;	
}
.small-head #header.transit-header .my-smart-barre .moncompte a {
    background:none;
    z-index: 2;
	height:33px;
	line-height:33px;
    padding: 0px;
    float:none;
}*/
.small-head #header.transit-header .lingue-smart{
	margin-top:12px;	
}
.small-head #header.transit-header .lingue-smart a{
	margin-right:18px;	
}
.small-head #header.transit-header .form-header {
    width: 48%;
   	margin-left:239px;
}
.small-head #header.transit-header #connection{
	/*float:left;	*/
	margin-right:52px;
}
.small-head #header.transit-header #connection .header-favoris{
	margin-left:0;	
}
 
/*---------FIXED HEADER-------------*/
/*html .small-head #header.anim-trans-header{
	transition:all 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;	
}*/

.info-comp-filter.info-comp-fixed{
	position:fixed;
	top:14px;
	background:red;	
	width:206px;
	z-index: 9010;
	padding:0;
	background:none;
	margin-left:50px;
}
.info-comp-filter.info-comp-fixed .ph3 span#hits{margin-top: 0}
/*--------FIN FIXED HEADER----------*/


.small-head .new-other-site{
	display:none;	
}

.small-head #header .baseline-header{
	display: block;
	float: left;
	width: 190px;
	font-size: 13px;
	margin-right: 15px;
}
#header .baseline-header, .small-head #header.transit-header .baseline-header{
	display: none;
}
.small-head #header .baseline-header .rouge{
	font-size: 18px;
	color: #ff5053;
	padding-left: 4px;
}
.small-head #header .baseline-header .rouge span{
	font-size: 18px;
	  margin: -4px;
	color: #ff5053;
}

.small-head #header .baseline-header .rougesuite{
        font-size: 13px;
        color: #fff;
	margin: 4px;
}
.small-head #header .baseline-header .rougesuite span{
        font-size: 13px;
	margin: 4px;
        color: #fff;
}
.small-head #header .baseline-header span{
	font-size: 13px;
	color: #fff;
}
.small-head #header .form-header{
	position:relative;
	left:0;
	top:0;
	height:auto;
	margin-left:0;
	padding:30px 0 0 0;
	padding:0;
	float:left;
	width:440px;
	background:none;
} 
.small-head #header #connection{
	float:right;
} 

.small-head #header #ph1{
	width:152px;
	height:27px; 
	z-index:4;
	margin:3px 36px 0 10px;
	position:relative;
	display:block;
	top:0;
	left:0;
}      
.small-head #header #ph1 em{
	background:url(../images/loader-header.gif) no-repeat;
	width:30px;
	height:30px;	 
	display:block;
	position:absolute;
	top:0;
	left:0;
	display:none;
}  
.small-head #header.transit-header #ph1 em{
		
}
.small-head #header #ph1 a{
	display:block;
	width:227px;
	height:72px; 
}    
.small-head #ph2,
.small-head #header #ex-header{
	display:none;
}   
    
.small-head .centre-myheader{
	width:100%;
	max-width:1100px;
	position:relative;
	margin:0 auto;	
}
.small-head .hgroup{
	float:left;	
}
.small-head #header div.conteneur-input{
	float:left;
	width:450px;
  /*transition:all 150ms ease-in-out 0s;*/
}
.small-head #header.transit-header div.conteneur-input{
	float:left;
	width:100%;
	/*transition:all 150ms ease-in-out 0s;*/
}
.small-head #header div .input-search input {
  height:35px;
  line-height:35px;
  line-height:100%;
  padding: 0 40px 0 15px;
}
.small-head #center-btn-connect{
	padding:30px 0 0 0;
	padding:0;
}

.small-head .btn-del-search{
	height:35px;
	background-position: 0 -5px;
}

.small-head #header .bg-header{display:none;}
.small-head #content{
	display:block;
	padding-top:98px;
}
.small-head #home{
	display:none;
}
header .header-alert{
    height:40px;
    width: 61px;
    text-align: center;
    line-height:35px;
    float:left;
    display:none;
    position:relative;
    padding-left:13px;
    color:#fff;
    font-size:12px;
}
header .header-alert img{
    height:13px;
    display: block;
    margin: auto;
}
header .header-alert strong{
    /* display: none; */
    font-size: 10px;
}
#header .header-alert em{
    font-style:normal;
}
header #btn-transit-alerting{
    display:none;
}
header .header-favoris{
	height:40px;
	width: 66px;
    text-align: center;
	line-height:35px;
	float:left;
	position:relative;
	padding-left:13px;
	color:#fff;
	font-size:12px;
	/*margin-left:29px;*/
	/* display:none; */
}
.small-head header .header-favoris,
.small-head header .header-alert{
	display:block;
}
header .header-favoris img{
	height:13px;
	display: block;
	margin: auto;
}

#header .header-favoris strong{
	/* display: none; */
    font-size: 10px;
}

#header.transit-header .header-favoris,
#header.transit-header .header-alert{
    width: auto;
}

#header.transit-header .header-favoris {
    padding-right: 13px;
}

#header.transit-header .header-favoris strong,
#header.transit-header .header-alert strong{
	font-weight:normal;
	display: block;
    font-size: 10px;
}
#header.transit-header #btn-transit-alerting{
    display:block;
    height:30px;
    line-height:30px;
    background: #ff4c4f url(../images/picto-view-alerting.png) 5px center no-repeat;
    background-size: 15px 15px;
    padding: 0 0 0 23px;
    float: left;
    width: 105px;
    margin-top:4px;
    font-size: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#header .header-favoris em{
	font-style:normal;	
}
#connection .multilingue .selected-langue span{background:url(../images/fleche-multilingue-w.png) no-repeat;}
.barre-top-header .center{
	width: 97%;
	max-width: 100%;	
}
.small-head .barre-top-header .center {
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin: 0px auto;
}
.top-detail #btn-resultat-alerting{
    background: #ff4c4f url(../images/picto-view-alerting.png) 10px center no-repeat;
    background-size: 15px 15px;
    padding: 4px 15px 4px 32px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: -6px;
    right: 10px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    letter-spacing: 1px;
    z-index: 10;
    max-width: 150px;
}

.top-detail #btn-resultat-alerting :hover{
	font-size: 12.5px;
	/*margin-top: 36px;*/
	/*margin-bottom: -5px;*/
	/*letter-spacing: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;*/
}

/*----------------------------------------------------------------*/
#resultats #btn-resultat-alerting{
    background: url(../images/rond-alert.png) 0 center no-repeat;
    background-size: 50px 50px;
    padding: 0;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: -6px;
    right: 32px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    z-index: 10;
}

/*--------INPUT STATIC------*/
/*
.form-header-static{
	width:75%;
	float:left;
}*/
#header div.conteneur-input{
	width:548px;
	margin:0 auto;
}  
.inp-header-static{
	font-size: 15px;
	background: none repeat scroll 0% 0% #FFF;
	border: medium none;
	width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;	
	height: 35px;
	line-height: 35px;
	padding: 0px 40px 0px 15px;
}
.valid-header-static{
	padding:0;
	width:37px;
	background:#FF4C4F url(/images/loupe-detail.png) no-repeat center center;
	border:none;
	color:#fff;
	height:35px;
	line-height:35px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}




#content-info-header{
	margin:0 auto;
}
#content-info-header ul li{            
	float:left;              

}            
#content-info-header ul li a{
	display:block;
	padding:0 20px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;   
	height:42px;
	line-height:36px;  
	background:#ffd200;
	color:#000;
  -webkit-transform:skew(-20deg);
     -moz-transform:skew(-20deg);
      -ms-transform:skew(-20deg);
       -o-transform:skew(-20deg);
          transform:skew(-20deg);   
}
#content-info-header ul li a .reskew{
  -webkit-transform:skew(20deg);
     -moz-transform:skew(20deg);
      -ms-transform:skew(20deg);
       -o-transform:skew(20deg);
          transform:skew(20deg);  
          display:block;	
}
#content-info-header ul li.selected a{
	background:#eee;
  	position:relative;
  	color:#1b1b1b;
} 
#content-info-header ul li.selected a:hover{
	color:#ffd200;
}     
#content-info-header ul li a:hover{
  	color:#1b1b1b;         
}   

/*---------------------FIN HEADER----------------------*/


/*-------------FOOTER-----------------------*/                          

.footer{
	background:#fff;                              
	padding:56px 0 50px 0;
	margin-top:31px;
}            
.footer p.link-header {
	color:#ff4c4f;
	font-size:15px;
	text-transform:uppercase;  
	margin-bottom:7px;
	font-weight:bold;
	letter-spacing:0.7px;
}                  
.footer .foota-logo{
	width:31%;
	float:left;	
}
.footer .foota-logo .foota-nbre{
	font-size:15px;	
	margin-top:9px;
}
.footer .col-foota{
	width:21%;
	float:left;	
	padding:5px;
}
.footer .col-foota2{
        width:30%;
        float:left;
        padding:5px;
}
.footer .foota-logo img{
	display:block;
}
.footer .col-foota li{
	margin-bottom:4px;	
}
.footer .col-foota li a:hover{
	color:#2A2A2A;
	text-decoration:underline;	
}

.news-footer{
	padding:42px 0;	
	background:#f3f2f2;
}
.news-footer .ph6{
	width:36%;
	float:left;	
	font-size:15px;
	padding-top:5px;
}
.news-footer .ph6 strong{
	text-transform:uppercase;
	display:block;
	line-height:21px;	
}
.news-footer .inp{
	width:400px;
	float:left;	
}
.news-footer .inp .inp-txt{
	width:254px;
	height:49px;
	float:left;
	border:none;
	font-size:15px;
	padding-left:18px;
	margin-right: 1rem;
}
.news-footer .inp .inp-sub{
	width:53px;
	height:49px;
	float:left;
	border:none;
	background:#ff4c4f;
	color:#fff;
	font-size:16px;
	cursor:pointer;

}
.news-footer .inp .inp-sub:hover{
	background:#ef2f32;	
}
.news-footer form .error{
	color:#FF4C4F;
	margin-top:9px;	
	display:block;
	clear:both;
	padding-top:9px;
}

.news-footer .site-rea{
	float:right;
	position:relative;
	padding-right:70px;	
	padding-top:21px;
}
.news-footer .site-rea a{
	text-decoration:underline;	
}
.news-footer .site-rea .l-rea{
	position:absolute;
	right:0;
	top:1px;
	width:54px;
}
.news-footer .site-rea img{
	vertical-align:middle;	
	font-size:12px;
}

.bottom-ref{           
	background:#2a2a2a;
	color:#7c7c7c;
	font-size:12px;
	padding:45px 0;
	text-align:center;
}    
.social-foota{float:right;}

.social-foota li{
	float:left;	
	height:27px;
}
.site-rea{
	position:relative;
	z-index:2;	
}
.social-foota li a{
	display:block;
	height:27px;	
	text-indent:-5000px;
}
.social-foota li.social-foota-1 a{
	background:url(../images/social-foota-1.png) no-repeat;
	width:36px;
}
.social-foota li.social-foota-2 a{
	background:url(../images/social-foota-2.png) center 0 no-repeat;
	width:41px;
}
.social-foota li.social-foota-3 a{
	background:url(../images/social-foota-3.png) right 0 no-repeat;
	width:23px;
}

.div-reseau-sociaux{
	width: 100%;
	margin-top: 20px;
}
.div-google-plus{
	width: 13%; float: left; text-indent:-5000px;
	background:url(../images/social-foota-1.png) no-repeat;
	height: 27px; 
}

.links-header{
	color: #FF944F; 
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.div-fb{
	float: right;
	width: 22%;
	margin-top:14px;
	display: flex;
}
#fb-icon {
	margin-right: 4rem;
}
#unsubscribe-footer{
	display: inline-block;
	align-self: center;
	font-size: larger;
}

/*------------FIN FOOTER----------*/

.btn-return-top{
	cursor: pointer;
	display: none;
	height: 81px;
	margin-top: -40px;
	position: fixed;
	right: 0px;
	top: 50%;
	width: 47px;
	z-index:10000;
 	background: url(../images/btn-return-top.png) no-repeat;
}
.btr-top{
	width:47px;
	height:40px;
	position:absolute;
	top:0;
	left:0;	
}
.btr-bottom{
	width:47px;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;	
}

.bloc-cookies{
	  background:#0dc2bd;
	  bottom:0;
	  left: 0;
	  padding:13px 10%;
	  position: fixed;
	  transition: all 400ms ease-in-out 0s;
	  width: 80%;
	  z-index: 102;
	  font-size:11px;
	  text-align:center;
	  color:#fff;
	  cursor:pointer;
}
.bloc-cookies span{
	background:#0c8d89;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	padding:6px 10px 6px 10px;
	margin-left:11px;
	display:inline-block;	
}

.inp-effect{
	position:relative;	
}
.inp-effect em.line-eff{
	width:100%;
	height:2px;
	background:#f3ca00;
	position:absolute;
	bottom:0;	
	left:0;
	width:0;
}


/*----------------input search-------*/
@media only screen and (max-width: 1440px){
	.custom-letter .departements, .custom-letter .list-lettre.marques {
		width: 76.5%;
	}
}

@media only screen and (max-width: 1400px){
	.custom-letter .departements {
		width: 100%;
	}
	.custom-letter .list-lettre.marques {
		width: 100%;
	}
	.news-footer .inp .inp-sub {
		height: 52px;
	}
}

@media only screen and (max-width: 1100px){
	.small-head #header .form-header, .departement.custom-letter #header.fixed-header .form-header {
		width:35%	
	}
	.small-head #header.fixed-header .form-header {
	    width: 57%;
	}
    .small-head #header.transit-header .form-header {
        width: 38%;
    }
    .small-head #header div.conteneur-input {
        width:370px;
    }
	.small-head .centre-myheader,
	.small-head .center-moncompte{width:96%;}
	.center{width:96%;}
	.barre-top-header .center,
	.small-head .barre-top-header .center{
		width:96%;
		padding:0;
}
}

@media only screen and (max-width: 1040px){
	.small-head #header .form-header, .departement.custom-letter #header.fixed-header .form-header{
		width:30%
	}
	.small-head #header #connection{

	}
	.small-head #header.fixed-header .form-header {
	    width: 51%;
	}
	.small-head #header div.conteneur-input{
		width: 310px;
	}
	.news-footer .inp .inp-txt {
		width: 240px;
		height: 52px;
	}
	.news-footer .inp .inp-sub {
		height: 52px;
	}
	.news-footer .inp .inp-sub {
		height: 55px;
		-moz-appearance: none;
		appearance: none;
		-webkit-appearance:default-button;
	}
	@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)	{
		.news-footer .inp .inp-sub {
			height: 60px;
		}
	}
}
@media only screen and (max-width: 990px){
	.btn-debug-header {display: none}
	.small-head #header .form-header{
		width:30%	
	}
	.small-head #header.fixed-header .form-header {
	    width: 48%;
	}
	.small-head #header div.conteneur-input{
		width: 295px;
	}
	.news-footer .inp .inp-txt {
		width: 240px;
		height: 53px;
 	}
	.news-footer .inp .inp-sub {
		height: 55px;
	}
	@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)	{
		.news-footer .inp .inp-sub {
		height: 60px;
		}
		.div-fb{
			margin-top:18px;
		}
 	}
 }
/*----------------FIN input search---*/


@media only screen and (min-width: 1400px){
	#header .mybg{
		background-position:center center !important;
		-webkit-background-size: 100% !important;
       -moz-background-size: 100% !important;
         -o-background-size: 100% !important;
            background-size: 100% !important;
	}	
}


@media only screen and (max-width: 1100px){
	.small-head .centre-myheader,
	.small-head .center-moncompte{width:96%;}
}

@media only screen and (max-width: 965px) {
	input[type=submit],
	input[type=text],
	input[type=password] {
		-webkit-appearance: none;
		border-radius: 0;
	}

	.small-head #header {
		position: relative !important;
		height:180px;
	}
	.small-head #header #ph1 {
		margin:0 auto;
	}
	.small-head #header .baseline-header{
		top: inherit;
		float: none;
		width: 100%;
		font-size: 15px;
		margin-top: 8px;
		text-align: center;
	}
	.small-head #large-content {
		padding-top: 0px;
	}

	.small-head #content {
		padding-top: 0px;
	}

	.small-head #header.fixed-header .info-comp-filter {
		display: none;
	}

	.small-head #header.fixed-header #ph1 {
		background: url(../lng/fr_FR/images/small-logo-igloo.png) no-repeat scroll 0 0px transparent;
		width: 152px;
		height: 27px;
	}

	.small-head #header.fixed-header #ph1 a {
		display: block;
		width: 152px;
		height: 27px;
	}

	.small-head #header.fixed-header .smart-barre-top {
		display: none;
	}
	.small-head .centre-myheader {
		width: 90%;
		padding:0 5%;
	}
	header .header-favoris, header .header-alert {
		width: 60px;
	}

	.footer {
		padding: 56px 0 50px;
	}

	.footer .col-foota {
		width: 32%;
		padding: 0;
	}

	.footer .col-foota2 {
		width: 40%;
	}

	.new-other-site {
		display: none;
	}

	.footer .new-other-site {
		float: right;
		display: block;
	}

	.footer .foota-logo {
		width: 100%;
		margin-bottom: 50px;
	}

	.news-footer .site-rea {
		padding-top: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.news-footer .site-rea .l-rea {
		top: -19px;
	}

	.news-footer .ph6 {
		float: none;
		width: 100%;
		margin-bottom: 12px;
	}

	.news-footer .ph6 strong {
		display: none;
	}

	.news-footer {
		padding: 24px 0;
	}

	.left-foota-logo {
		float: none;
		text-align: center;
	}

	.footer .foota-logo img {
		display: inline;
	}

	.float-btn-header {
		float: none;
		width: 100%;
	}

	.btn-depot-annonce {
		float: left;
	}

	.moncompte {
		float: right;
	}

	.btn-return-top {
		display: none !important;
	}
	.custom-letter #header.fixed-header {
		height: 130px !important;
	}
	.custom-letter .departements, .custom-letter .list-lettre.marques {
		top:130px;
	}

	.small-head.custom-letter #header.fixed-header .sous-header {
		padding-top: 18px !important;
	}

	#header .form-header {
		background: #2a2a2a;
		width: 90%;
		margin-left: -45%;
		left: 50%;
	}

	.content-depot-annonce {
		width: 90%;
	}

	#header .sous-header {
		padding-top: 26px;
	}

	.small-head #header .form-header,
	.small-head #header.fixed-header .form-header, .departement.custom-letter #header.fixed-header .form-header {
		width: 75%;
		margin: auto;
		display: block;
		float: none;
		margin-top: 15px;
	}

	.small-head #header div.conteneur-input {
		width: 100%;
	}

	.form-header-static {
		width: 100%
	}

	.small-head #header.fixed-header .form-header-static {
		width: 100%;
	}

	.small-head #header div .input-search input, .small-head #header .form-header-static .inp-header-static {
		height: 45px;
		line-height: 45px;
	}

	.small-head .posit-btn-del-search {
		top: 10px;
	}

	#connection {
		display: none;
	}

	.small-head #header .sous-header {
		padding-top: 45px !important;
	}

	.small-head #header.fixed-header .sous-header,
	.small-head #header.init-header .sous-header {
		padding-top: 26px !important;
	}

	#header .smart-fav .header-favoris,
	#header .smart-alert .header-alert,
	#header .smart-deco .header-deco {
		position: absolute;
		top: 20px;
		right: 44px;
		padding-right: 0;
		padding-left: 24px;
		display: block
	}

	#header .smart-deco .header-deco {
		height: 40px;
		line-height: 35px;
	}

	#header .header-favoris span {
		color: #fff;
		padding-right: 0px;
	}

	header .header-deco img {
		display: inline-block;
	}

	header .header-alert img {
		height: 13px;
		margin-bottom: -3px;
		display: inline-block;
	}

	header .header-favoris img {
		height: 13px;
		margin-bottom: -2px;
		display: inline-block;
		right: 0px;
	}

	/*--------SMART MENU-------*/
	#smart-header {
		width: 65px;
		height: 65px;
		background: #2a2a2a url(../images/smart-header.png) center center no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		cursor: pointer;
		z-index: 12;
	}

	.small-head #smart-header {
		height: 45px;
		background: url(../images/smart-header.png) no-repeat center center;
	}

	.small-head #header.transit-header .smart-barre-top {
		display: none;
	}

	#overlay-smart-menu-header {
		background: url(../images/overlay-smart-menu-header.png);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10000000000;
		display: none;
	}

	#smart-menu-header {
		background: #2d2d2d;
		width: 384px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 100000000000;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 28px 0 0 0;
		display: none;
	}

	#close-smart-menu-header {
		background: url(../images/close-smart-menu-header.png) center center no-repeat;
		width: 49px;
		height: 49px;
		position: absolute;
		top: 16px;
		right: 26px;
		cursor: pointer;
	}

	.logo-smart-menu {
		background: url(../images/logo-ig-ipad.png) 42px bottom no-repeat;
		height: 32px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#smart-menu-header ul {
		padding: 28px 0 0 0;
		overflow: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#smart-menu-header li {
		border-bottom: 1px solid #3a3a3a;
		padding: 0 42px;
		position: relative;
	}

	#smart-menu-header .ph6 {
		height: 75px;
		line-height: 75px;
		font-size: 18px;
		position: relative;
		cursor: pointer;
	}

	#smart-menu-header open-nav span {
		background: url(../images/puce-smart-menu-ipad.png) no-repeat;
		width: 18px;
		height: 11px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -5px;
		transition: all 150ms ease-in-out 0s;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	#smart-menu-header li.selected .ph6 span {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	#smart-menu-header li a {
		color: #fff;
	}

	#smart-menu-header li.li-dec {
		height: 55px;
		padding-top: 20px;
	}

	.li-dec .moncompte {
		float: none;
	}

	.content-smart-header {
		display: none;
	}

	.content-smart-header p {
		font-size: 14px;
	}

	/*---smart depot---*/
	.smart-depot {
		padding: 17px 0 42px 0;
	}

	.smart-depot .link-depot-smart {
		margin-top: 25px;
	}

	.smart-depot .link-depot-smart a {
		display: block;
		height: 50px;
		line-height: 50px;
		color: #fff;
		background: #ff4c4f;
		font-size: 18px;
		text-align: center;
		margin-bottom: 11px;
	}

	.smart-depot .link-depot-smart a:last-child {
		margin-bottom: 0;
	}

	.smart-depot .link-depot-smart a span {
		padding-left: 20px;
		background: url(../images/puce-plus-smart.png) left center no-repeat;
	}

	/*---smart connexion---*/
	.smart-connex {
		padding-bottom: 30px;
	}

	.smart-connex .inp-text {
		margin-bottom: 11px;
	}

	.smart-connex .inp-text input,
	#mail-update-mobile .inp-text input {
		border: none;
		background: #fff;
		height: 45px;
		line-height: 100%;
		color: #2a2a2a;
		font-size: 15px;
		padding-left: 23px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.smart-invalid-mail .valid-form input[type=submit],
	.smart-connex .inp-valid input {
		border: none;
		background: #0dc2bd;
		height: 45px;
		line-height: 45px;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		display: block;
		text-align: center;
		width: 100%;
	}

	#mail-updater-container {
		display: none
	}

	.smart-invalid-mail .valid-form input[type=submit] {
		margin: 10px auto;
	}

	.smart-connex .inp-check {
		padding: 14px 0 35px 0;
	}

	.smart-connex .inp-check label {
		padding-left: 9px;
	}

	.small-head #header .smart-link-contact {
		color: #fff;
	}

	.smart-link-contact span {
		background: url(../images/smart-link-contact.png);
		width: 52px;
		height: 37px;
		position: absolute;
		right: -10px;
		top: 50%;
		margin-top: -18px;
	}

	.smart-bloc-inter {
		background: #272727;
	}

	.smart-inter {
		padding: 48px 0;
	}

	.smart-inter .smart-titre {
		font-size: 18px;
		margin-bottom: 25px;
	}

	.smart-inter a {
		color: #fff;
		font-size: 17px;
		display: block;
		margin-bottom: 28px;
		padding-left: 35px;
		height: 27px;
		line-height: 27px;
	}

	.smart-inter a:last-child {
		margin-bottom: 0;
	}

	.link-picto-m {
		background: url(../images/link-picto-m.png) no-repeat left center;
	}

	.link-picto-i {
		background: url(../images/link-picto-i.png) no-repeat left center;
	}

	.link-picto-p {
		background: url(../images/link-picto-p.png) no-repeat left center;
	}

	.smart-inter a i.ots-s {
		font-size: 17px;
		font-style: normal;
	}

	.smart-inter a i.ots-u {
		text-decoration: underline;
		font-style: normal;
		padding-left: 6px;
	}

	.lingue-smart {
		padding: 50px 0 50px 0;
	}

	.lingue-smart a {
		float: left;
		padding: 19px 34px;
	}

	.lingue-smart a img {
		display: block;
	}

	.lingue-smart a.selected {
		background: #272727;
	}

	.footer {
		margin-top: 6px;
	}

	.content-smart-header .mdp-l-smart {
		font-size: 13px;
		margin-top: 10px;
		text-decoration: underline;
	}

	.form-l-mdp {
		display: none;
	}

	.form-l-mdp .message-indic {
		margin-top: 20px;
		font-size: 14px;
		line-height: 20px;
	}

	.form-l-mdp .b-form {
		margin-top: 13px;
	}

	.form-l-mdp .valid-form {
	}

	.form-l-mdp .valid-form input {
		border: none;
		background: #0DC2BD;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 14px;
		text-transform: uppercase;
		display: block;
		text-align: center;
		width: 100%;
	}

	.small-head.custom-letter #header.fixed-header .sous-header {
		padding-top: 12px !important;
	}

}

@media only screen and (max-width: 720px){
	#header .form-header {
	    width:100%;
    	left:0;
    	margin-left:0;
	}	
	.small-head #smart-header {
	    right:0;
	}
}

@media only screen and (max-width: 600px){
	#header{height:305px;}
	#header .form-header{
		top:0;	
		padding-top:144px;
		height:108px;
	}
	#header div.conteneur-input{width:90%;}
	#header #bloc-bg-header{
		display:none;	
	}
	#header #ph1{top:50px; height:36px; width:190px; margin-left:-95px;}
	#header #ph1 a{height:36px; width:190px;}
	.small-head #header #ph1 a { height:36px; width:190px;}
	.small-head #header #ph1  { background-position: center!important;}
	#header #ph1 span.anime {display:none;}
	#ph2{top:83px; font-size:14px;}
	#header #ex-header{display:none;}
	#smart-header{z-index:13}
	.small-head #header .sous-header {
		padding-top: 26px !important;
	}
	.small-head #header .form-header,
	.small-head #header.fixed-header .form-header{
	    width:47%;
	}
	.footer .col-foota{
		width:41%;
	}
	.news-footer .site-rea{
	    width:100%;
	    float:none;
	}
    .footer .col-foota{
        width: 100%;
        text-align: center;
        float: none;
        padding-bottom: 25px;
        clear: both;
    }
    .footer .col-foota2 {
        text-align: center;
        width: 46%;
    }
	.footer .col-foota-static{display:block; width:100%; padding:0;}
	.footer .center{
		width:100%;
		padding:0;	
	}
    .social-foota{float:none; width:59px; margin:0 auto;}
	.footer .col-foota-static h3{
		height:46px;
		line-height:46px;
		background:#2a2a2a;	
		color:#fff;
		font-weight:normal;
		margin-bottom:0;
		padding-left:16px;
	}
	.footer .col-foota-static ul{
		background:#3a3a3a;	
		padding:19px 0;
		margin-bottom:40px;
	}
	.footer .col-foota-static ul li{
		height:30px;
		line-height:30px;	
		padding-left:16px;
	}
	.footer .col-foota-static ul li a{
		color:#fff;
		font-size:15px;
	}
	.footer .col-foota-static ul li a:hover{
		color:#FF4C4F;	
	} 

	
	/*---FIN AJOUT---*/
	.small-head #header,
	.small-head #header.fixed-header,
	#header.fixed-header,
	#header{
	    height:208px;	    
	}

	.small-head #smart-header,
	#smart-header{
		width:48px;
		height:48px;
		background:url(../images/smart-header.png) center center no-repeat;	
		top:0;
		right:0;
	}
	.small-head #header.fixed-header .sous-header {
	    padding-top: 26px;
	}
	.small-head #header{
		padding-top:0px;
		position:relative
	}
	.small-head #header .baseline-header {
		margin: 10px 0 25px 0;
		font-size:14px;
	}

	.small-head #header.fixed-header {
	    position: relative;
	    top: 0px;
	    left: 0px;
	    padding-top:21px;
	}	
	.small-head #header #ph1{
		margin:0 auto;	
		width:190px;
		height:36px;
	}
	.small-head .hgroup,
	.hgroup{
		float:none;	
	}
	header .header-favoris{
		position: absolute;
		top: 14px;
		right: 16px;
		float: none;		
		display:block
	}
	.hg-menu{
		display:none !important;	
	}
	#header div.conteneur-input{width:90%;}
	.small-head #header div.conteneur-input,
	.small-head #header.fixed-header div.conteneur-input,
	.form-header-static,
	.small-head #header.fixed-header .form-header-static{
		width:100%;	
		margin-top:0;
	}
	.centre-myheader {
	    width: 90%;
	    padding: 0px 5%;
	}
	.small-head #ph2{
		display:none;	
		margin:11px 0px 21px;
		position: relative;
		top: 0;
		left: 0;
	}
	.small-head .btn-del-search {
		top:5px;
	}
	.small-head #header .form-header-static form .btn-del-search {
		position: absolute;
	}
	.small-head #header .form-header-static form {
		position: relative;
	}
	.small-head #header #ph1,
	.small-head #header.fixed-header #ph1 {
    	margin: 0 auto;
	}
	.small-head #header .form-header{
		padding-top: 12px;
		height: auto;
		margin-top:0px;
	}
	.small-head #header div .input-search input, .small-head #header .form-header-static .inp-header-static  {
		height: 50px;
		line-height: 50px;
	}
	.small-head #header .form-header,
	.small-head #header.fixed-header .form-header, .departement.custom-letter #header.fixed-header .form-header{
	    width:100%;
	}
	#header .form-header {
	    padding-top:129px;
	    height:79px;
	}
	#header .barre-top-header {
		display:none;
	}
	.smart-fav{display:block;}
	#header #ph1 {
	    top: 27px;
	}
	#ph2{
		top: 56px;
		left:0;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	/*---FIN AJOUT---*/	
	.overflow-anim-home{
		display:none;
	}
	.custom-letter #header.fixed-header {
		display:none;
	}
	.custom-letter .departements {
		top: 0;
	}
	.custom-letter .list-lettre.marques {
		top: 0px;
	}
	.custom-letter .departements .list-lettre {
		padding: 0px;
		margin-bottom: 0px;
	}

   .small-head.detail-annonce.departement #large-content h1 {
		font-size: 36px;
		line-height:36px;
	}
	.news-footer .inp .inp-sub{
		width:53px;
		height:54.5px;
		float:left;
		border:none;
		background:#ff4c4f;
		color:#fff;
		font-size:16px;
	}
	.div-fb {
		width: 15%;
	}
	.news-footer.isIphone .inp .inp-sub {
		height:60px;
	}
}

@media only screen and (min-width:500px){
	#header .bg-header-1{
	  background:#000 url(/images/header-home-1.jpg) no-repeat center top;
	}	
	#header .mybg {
		background-size:cover!important;
	}
}

@media only screen and (max-width: 480px){
	.small-head #header,
	.small-head #header.fixed-header,
	#header.fixed-header,
	#header{
        height:215px!important;
	}
	#smart-menu-header{
	    width: 100%;
		position: fixed;
		left: 0;
		top: 0px;
		bottom: 0px;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		background: #2d2d2d;
	}

	#header .baseline-header{
		display: block;
		position: relative;
		z-index: 999;
		top: 80px;
		width: 100%;
		text-align: center;
	}
	#header .baseline-header, .small-head #header.transit-header .baseline-header{
        	display: none;
	}
	.small-head #header .baseline-header .rouge{
		font-size: 15px;
	}
	#header .baseline-header .rouge span{
		font-size: 18px;
		color: #ff5053;
	}

	.small-head #smart-header,
	#smart-header{
		width:48px;
		height:48px;
		background:url(../images/smart-header.png) center center no-repeat;	
		top:0;
		right:0;
	}
	.small-head #header.fixed-header .sous-header {
	    padding-top: 26px;
	}
	.small-head #content{
		margin-top:0;
	}
	.small-head #header.fixed-header {
	    position: relative;
	    top: 0px;
	    left: 0px;
	    padding-top:21px;
	}

	.small-head #header .sous-header {
		padding-top: 48px !important;
	}
	.small-head #header #ph1{
		margin:0 auto;
		left: 0;
		right:0;
		z-index: 13;
	}

	header .header-favoris{
		position: absolute;
		top: 14px;
		right: 16px;
		float: none;		
		display:block
	}

	.hg-menu{
		display:none !important;	
	}
	#header div.conteneur-input{width:90%;}
	.small-head #header div.conteneur-input,
	.small-head #header.fixed-header div.conteneur-input,
	.form-header-static,
	.small-head #header.fixed-header .form-header-static{
		width:100%;	
		margin-top:0;
	}
	.small-head #ph2 {
    	width:190px;
    	height:36px;
    	margin: 0 auto;
	}
	.small-head #header .form-header {
		padding-top: 20px;
		height: auto;
	}
	.small-head #header .form-header,
	.small-head #header.fixed-header .form-header{
	    width:100%;
	}
	#header .form-header {
	    padding-top:149px;
	    height:66px;
	}
	#header .barre-top-header {
		display:none;
	}
	.smart-fav{display:block;}
	#header #ph1 {
	    top: 47px;
	}
	#ph2 {
		top:76px;
		left: 50%;
		width: 245px;
    	margin-left: -122px;
		padding:0 5%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	.small-head #header .baseline-header {
		left:0;
		right:0;
		margin: 0 auto;
		width: 260px!important;
		padding:0 5%;
		margin-top: 10px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.footer{
		padding:23px 0px 37px;	
	}
	.footer .new-other-site{
		float:none;
		clear:both;
		margin-top:30px;
		width:100%;
		height:48px;
	}
	.btn-return-top{display:none !important;}
	.new-other-site .current{height:48px; line-height:48px;}
	.current em{height:48px; line-height:48px; width:55px;}
	.current span{top:21px; left:21px;}
	.new-other-site .new-site{top:48px; width:100%;}
	.new-other-site .new-site li{width:100%;}
	.footer .foota-logo{margin-bottom:31px;}
	.news-footer .site-rea,
	.bottom-ref{display:none;}
	.news-footer .inp .inp-txt{width:75%;}
	.div-fb {
		width: auto;
	}
	.footer .col-foota-static ul li {
		padding-left: 0px;
	}
}


@media only screen and (max-width: 400px) {
	.news-footer .inp {
		width: 100%;
		margin-bottom:10px;
	}
	.div-fb {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.news-footer form.center {
		padding: 0 0%;
	}
	.news-footer .inp .inp-txt {
		width: 72%;
	}
}
