@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://www.bureauxlocaux.com/css/fonts/ubuntu/ubuntu.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(http://www.bureauxlocaux.com/css/fonts/ubuntu/ubuntu_medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://www.bureauxlocaux.com/css/fonts/ubuntu/ubuntu_bold.woff2) format('woff2');
}
#moteur_blo {	
  	width:298px;
  	height: 248px;
  	border:1px solid #000;
  	overflow:hidden;
}
.bloc-title {
	background: none repeat scroll 0 0 #213341;
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 10px;
    padding: 4px 7px;
    width: 286px;
}
.blocBlo,
.blocBloSearch{
	height:248px;
	width:300px;
}
.ligne{
  padding:7px 0px 0px 0px;
  margin:1px;
}
.ligne2{
  padding:1px 0px 0px 1px;
  margin:0px;
}
.ligne_margetop {
  text-align:right;
  padding:0;
  margin:10px 0;
}
.clear { clear:both; }

li.logo {
  vertical-align:middle;
  border-top:1px solid #c7c7c7;
}

li.logo div img {
   vertical-align:middle;
}

ul#logo  {
  margin:0;
  list-style: none;
  padding:0px;
  margin-top: 0px;
  font-size: 13px !important;
  font-weight: normal !important;
  background:url("http://www.bureauxlocaux.com/cap_buroloco/tpl/widget/challenges/IMMOPRO_300x50.png") no-repeat;
  height:50px;
}
ul#form_blo {
	margin:0;
  	list-style: none;
  	padding: 0px;
  	font-size: 13px !important;
  	font-weight: normal !important;
}
ul#logo li {
  	padding: 4px 4px 4px 4px;
	margin-right:0;
	text-align:right;
}
ul#form_blo li {
	margin-left:0;
 	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
 	color: #000000;
 	text-decoration: none;
 	list-style-type: none;
}
#SEARCHBLO1 {
  	color: #1c1c1c;
    display: table;
    font-family: "ptsansnarrowreg",helvetica,arial,sans-serif;
    font-size: 17px;
    line-height: 18px;
    padding: 5px 15px 5px 7px;
 	text-decoration: none;
 	text-align:left;
}
.search-bas {
	clear:both;
}
#SEARCHBLO1 p{
  	margin-left:5;
  	/*width:170px;*/
}
#SEARCHBLO1 #location, #SEARCHBLO1 #typebien {
	background-color: #d9d9d9;
    border: 1px solid #c7c7c7;
    color: #646363;
  	width:160px;
  	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 	font-weight: normal;
}
#SEARCHBLO1 #cpville {
	background-color: #d9d9d9;
    border: 1px solid #c7c7c7;
    color: #646363;
  	width:154px;
  	height:16px;
  	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
 	font-weight: normal;
}
div.intro {
  text-align:right;
  padding-right: 1px;
  padding-top: 6px;
}

a {
    color: #646363;
    text-decoration: none;
}

input[type=submit] {
 	background-color: #CC0000;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
    text-transform: uppercase;
}

input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active {
 background-color:#cc0000;
}

/*Pour le widget flux*/
@-webkit-keyframes BuroSlide {
    0% { margin-left: 0px; /* première image et dernière*/}
    25% { margin-left: -300px; /*2ème image*/}
    50% { margin-left: -600px; /*3ème image*/}
    75% { margin-left: -900px;}
    99.99% { margin-left: -1200px;}
}
@-moz-keyframes BuroSlide {
    0% { margin-left: 0px; /* première image et dernière*/}
    25% { margin-left: -300px; /*2ème image*/}
    50% { margin-left: -600px; /*3ème image*/}
    75% { margin-left: -900px;}
    99.99% { margin-left: -1200px;}
}
@keyframes BuroSlide {
    0% { margin-left: 0px; /* première image et dernière*/}
    25% { margin-left: -300px; /*2ème image*/}
    50% { margin-left: -600px; /*3ème image*/}
    75% { margin-left: -900px;}
    99.99% { margin-left: -1200px;}   
}
#buroContent li { float: left; /*on aligne les éléments du slideshow*/}
#buroContent { position: relative; top: 30px; width: 3300px; height: 219px; padding: 0; margin: 0; -webkit-animation : BuroSlide 20s step-start infinite; -moz-animation : BuroSlide 20s step-start infinite; animation : BuroSlide 20s step-start infinite;}
#buroContent img {vertical-align: middle; margin-top:-35px;}
#buroContent .cont-texte p { max-width: 150px;}
#buroContent .notification {
	position:absolute; 
	bottom:61px; 
	width:300px; 
	height:25px; 
	line-height:25px; 
	background-color:#d0001a !important; 
	text-align:center; 
	font-size:13px; 
        font-weight: bold;
	color:#fff; 	
        overflow:hidden;
        font-family: tahoma,helvetica,arial,sans-serif;
}