body {
	/*font-family: 'Montserrat';*/
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-size: 13px;	
	font-weight: 700;
	color: black;
}


.container-full {
  margin: 0 auto;
  width: 100%;
}


.row .img-responsive {
	margin-bottom: 20px;
}

#projet-descr, #projet-descr-li {
	font-size: 13px;
}

.projdescrin {
	font-size: 12px;
}

#bureau-descr, #bureau-descr-li, .projet-img {
	font-size: 12px;
	/*letter-spacing: 0px;*/
}



.cnt_link {
	color: gray;
}

a.cnt_link:hover {
	text-decoration: none;
}

.projet-img, .projdescrin, #bureau-descr, .cnt_link {
	font-family: Roboto;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
}

.actudescr {
	padding-bottom: 0px !important;
}


.projet-img {
  /*-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;*/
}

.projtit {
	font-weight: bold;
}


.tab-col-1, .tab-col-2 {
	float: left;
}
.tab-col-1 {
	width: 18% !important;
}

.tab-col-2 {
	width: 80% !important;
}

/*.clear-float {
	display: none;
}*/
.txt_info_lm {
	padding-left: 0px;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

.txt_info_lm_toggle {
	border-color: white;
	padding-left: 0;
}

.actu-item-cont {
	padding-bottom: 40px;
}

@media (max-width: 467px){

	.page-wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 45px;
		padding-right: 45px;
	}

	.col-fixed-logo {
	    /*margin-left: 20px;*/
	    z-index: 100;
	    display: inline;
	}

	.col-fixed-menu{
	    margin-left:220px;
	    z-index: 100;
	    display: inline;
	}

	.col-offset-cnt {
	    padding-left: 0px;
	    /*margin-left: 20px;*/
	    width: 100%;
	}

	#projet-descr-li, #bureau-descr-li {
		display: none;
	}

	.projet-img, .cnt-map {
		width: 100%;
		margin-bottom: 20px;
	}

	#projet-descr, #bureau-descr {
		width: 200px;
		margin-bottom: 20px;
	}

}

@media (min-width: 468px) {

	.page-wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 45px;
		padding-right: 45px;
	}
	
	.col-fixed-logo {
	   width:200px;
	    height:100%;
	    margin-left: 0px;
	    z-index: 100;
	    float: left;
	}

	.col-fixed-menu{
	   margin-left: 0px;
	    width:200px;
	 	float: left;   
	    height:100%;
	    z-index: 100;
	}

	.clear-float {
		clear: both;
	}

	.col-offset-cnt {
		width: 100%;
		padding-left: 0px;
	}

	#projet-descr-li, #bureau-descr-li {
		display: none;
	}

	#projet-descr, #bureau-descr {
		margin-bottom: 20px;
	}

	.projet-img, .cnt-map {
		width: 100%;
		margin-bottom: 20px;
	}

	
}

@media (min-width: 768px) {

	.page-wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 45px;
		padding-right: 45px;
	}

	.projdescrin {
		padding-bottom: 100px;
	}


	.col-fixed-logo{
	    width:200px;
	    position:fixed;
	    height:100%;
	    margin-left: 20px;
	    z-index: 100;
	}

	.col-fixed-menu{
	    margin-left:220px;
	    width:200px;
	    position:fixed;
	    height:100%;
	    z-index: 100;
	    overflow: auto;
    	padding-right: 10px;
	}

	/*.clear-float {
		display: none;
	}*/

	.col-offset-cnt {
	    padding-left:440px;
	    margin-left: 20px;
	    height: 100%;
	}

	#projet-descr, #bureau-descr {
		display: none;
	}

	#projet-descr-li {
		display: block;
		margin-top: 210px;
	}

	#bureau-descr-li {
		display: block;
		margin-top: 172px;
	}

	.projet-img, .cnt-map {
		width: 550px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.col-right {
		width: 550px;
	}

	.col-right-mid1, .col-right-mid2 {
		float: left;
		width: 250px;
	}

	.col-right-mid2 {
		margin-left: 20px;
	}

}

.title-style {
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.text-projet {
	margin-bottom: 20px;
}

.projet-thumb-cont{
	margin-bottom: 20px;
	margin-right: 20px;
	display: inline-block;
	position: relative;
}
.actu-thumb {
	margin-bottom: 20px;
	margin-right: 20px;
	display: inline-block;
	position: relative;
}

.img-title {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /*opacity: 0;*/
    display: none; /* comment this out for CSS hover */
    background-color: #fff;

}


.img-title div {
    position: absolute;
    color: #000;
    top: 27%;
   	width: 100%; 
   	padding: 20px;
    text-align: center;
    font-size: 13px;  
}

.actu-title {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /*opacity: 0;*/
    display: none; /* comment this out for CSS hover */
    background-color: #fff;

}


.actu-title div {
    position: absolute;
    color: #000;
    top: 20%;
   	width: 100%; 
   	padding: 20px;
    text-align: center;
    font-size: 13px;  
}


/************* actu ***************/

.actu-item {
	border-bottom: 1px solid black;
}

.actulink{	
	display: block;
	padding-bottom: 50px;
}

.hardclear {
	clear: both;
}


.actu-img {
	border: 1px solid #838383;
}




.menu {
	list-style-position: inside;
	padding-left: 0px;
}

.menu li {
	list-style-type: none;
}

.menu li a {
	color: gray;
}

.menu li.active a, .menu li a:hover {
	color: black;
	text-decoration: none;
}

a:hover,
a:focus {
  color: black;
}

a {
  color: black;
}