.vx_full	{
	position: relative;
	background: url(image_fond2.jpg)  center center fixed; 
    width: 100%;
    /*height: 100%;*/
    min-height: 100%;
    background-size: cover;
    /*overflow: hidden;*/
}
  
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.vx-btn-auth{
    /*background-image: linear-gradient(to bottom, #5e5e5e 0px, #474747 100%);/* grey dark lvi  actance */*/
    /*background-repeat: repeat-x;*/
    /*border-color: #474747; grey dark lvi  actance */
    /*background-color: #474747; grey dark lvi  actance */
}
.vx-btn-auth:focus,.vx-btn-auth:hover,.vx-btn-auth:active {
  /*color: #fff;*/
  /*background-color: #474747; grey dark lvi  actance */
  /*border-color: #474747; grey dark lvi  actance */
}


.vx_homepage {
	background-color: #FFF;
	border-radius: 10px;
	margin-top: 15px;
}

.vx_formauth {
	/*background-color: #C7C4BB; /* grey actance*/*/
	margin-top: 65px;
	max-width: 480px;
	border-radius: 10px;
  /*color: #474747; grey dark lvi  actance */
}

.vx_title_form{
	/*color: #ED7D31; orange actance*/
	font-weight: bold;
}

#vx_header {
	background: url(logo.png)  left no-repeat ; 
	background-color: #C7C4BB; /* grey actance*/
	border-radius: 10px 10px 0px 0px;
	color: #ED7D31;
	height: 85px;
	margin-bottom: 15px;
}
.vx_custom_menu_button{
	float: right;
	font-size: 22px;
	position: relative;
	right: 30px;
	bottom: 30px;
	width: 160px;
}

.vx_home_title{
	font-weight: bold;
}

/* home page frames */
.vx_frame {
	background-color: #C7C4BB; /* grey actance*/
	/*color: #0563C1;*/ /* blue actance */
	color: #474747; /* grey dark lvi  actance */
	margin-top: 6px;
	border-radius: 10px;
	padding: 3px;
}
.vx-grey-actance, .vx_frame ul a {
	color: #474747; /* grey dark lvi  actance */
}

.vx_frame_title {
	/*background-color: white;*/
	color: #ED7D31; /*orange actance*/
	padding-left: 6px;
	line-height: 22px;
	font-weight: bold;
}
.vx_lonely_frame a {
	/*background-color: white;*/
	color: #ED7D31; /*orange actance*/
	line-height: 22px;
	font-weight: bold;
}
.vx_frame_category_title {
	color: white;
	list-style: none;
	font-weight: bold;
}
.vx_frame_documentation_li{
	margin-left: 14px;
}

.vx_frame_revue{
	/*margin-top: 8px;*/
	/*margin-left: 8px;*/
	padding:8px;
	/*border: 1px solid green;*/
}

.vx_revue_name{
	color: #474747;
	min-height: 40px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	vertical-align: middle;
}

.vx_lonely_frame{
	padding: 6px;
	padding-left: 15px;
}
#vx_google_search{
	margin-bottom: 15px;
}

ul {
	padding-left: 25px;
	margin-bottom: 3px;
}

.vx_post {

}
.vx_post_title{
	/*background: url(CoccinelleNewsLetter.png)  left no-repeat ; */
	background-color: #C7C4BB; /* grey actance*/
	color: #ED7D31; /*orange actance*/
	font-weight: bold;
	padding-left: 128px;
	line-height: 28px;
	border-radius: 6px;
	text-align: center;
}
.vx_post_short_text{
	padding: 10px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic;

}

.table-hover > tbody > tr:hover {
  /*background-color: orange;*/
}

/* temporary for events */
#evenements {
	margin-top: 6px;
}


.vx-form-control{
  border: 1px solid #ED7D31;
}

.vx-form-control:focus {
	border-color:#ED7D31;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ED7D31;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ED7D31
}

.vx-btn{
	color: #fff;
    background-image: linear-gradient(to bottom, #ED7D31 0px, #C85B12 100%);/* grey dark lvi  actance */
    background-repeat: repeat-x;
    border-color: #C85B12;/* grey dark lvi  actance */
    background-color: #C85B12;/* grey dark lvi  actance */
}
.vx-btn:focus,.vx-btn:hover,.vx-btn:active {
  color: #fff;
  background-color: #C85B12;/* grey dark lvi  actance */
  border-color: #ED7D31;/* grey dark lvi  actance */
}

.vx-trombi-file{
	border-color: #ED7D31;
}

.vx-trombi-zoom{
  border-color: #ED7D31;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #F0BE9C;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #ED7D31;
}


 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

html,
body
{
    font-family: 'Montserrat', sans-serif;
}

/**************************
 * Bloc general
 **************************/
.vx_homepage
{
	margin-top: 			0;
	padding-top: 			15px;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:			0;
	-moz-box-shadow: 		0 0 6px rgba(0,0,0,.1);
	-webkit-box-shadow: 	0 0 6px rgba(0,0,0,.1);
	-o-box-shadow: 			0 0 6px rgba(0,0,0,.1);
	box-shadow: 			0 0 6px rgba(0,0,0,.1);
}

 
/**************************
 * Header
 **************************/
.vx_full
{
	background-image: 		url(images/cream_pixels.png);
	background-position: 	top center;
	background-repeat: 		repeat;
	background-size: 		unset;
}

#vx_header
{
	background-image: 		url(images/logo-actance.png);
	background-position: 	50px 50%;
	background-repeat: 		no-repeat;
	background-size: 		190px;
	background-color: 		#fff;
	color: 					#2C2C2C;
	font-weight: 			normal;
}
#vx_header h2
{
	position: 				relative;
	font-weight: 			normal;
	padding-bottom: 		15px;
}
#vx_header h2::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
	position: 			absolute;
	bottom: 			0;
	left: 				47%;
	right: 				47%;
	border-bottom: 		3px solid #2c2c2c;
	
}

.vx_custom_menu_button
{
	/*bottom: 			0;*/
}
.vx_custom_menu_button .glyphicon
{
	font-family:	'Glyphicons Halflings'
}


/**************************
 * Context
 **************************/
.vx_frame
{
	background-color: 		#F3F3F3;
	-moz-border-radius:		1px;
	-webkit-border-radius:	1px;
	border-radius:			1px;
	padding: 				20px 25px;
	padding-top: 			5px;
	margin-bottom: 			20px;
	background-position: 	left;
	background-repeat: 		no-repeat;
	font-size: 				10pt;
}
	.vx_frame_title,
	.vx_lonely_frame a:link,
	.vx_lonely_frame a:hover,
	.vx_lonely_frame a:active,
	.vx_lonely_frame a:visited
	{
		text-transform: 		uppercase;
		color: 					#2c2c2c;
		font-size: 				11pt;
		line-height: 			1;
		padding-top: 			15px;
		padding-bottom: 		15px;
		margin-bottom: 			15px;
		border-bottom: 			1px solid rgba(0,0,0,.08);
		background-position: 	left;
		background-repeat: 		no-repeat;
		padding-left: 			40px;
	}
	.vx_frame ul.vx_home_ul,
	.vx_frame ul.vx_home_ul li
	{
		list-style-type: 		none;
		padding: 				0;
		margin: 				0;
	}
	.vx_frame ul.vx_home_ul li
	{
		padding: 				1px 0;
	}
	
	.vx_lonely_frame
	{
		padding-bottom: 		5px;
	}
	.vx_lonely_frame a:link,
	.vx_lonely_frame a:hover,
	.vx_lonely_frame a:active,
	.vx_lonely_frame a:visited
	{
		display: 			block;
		margin-bottom: 		0;
		border: 			0;
	}
	
	/**************************
	 * Entete de menu
	 **************************/
	.col-md-3:nth-child(1) .vx_frame:nth-child(1) .vx_frame_title { background-image: url(images/teacher.png); }
	.col-md-3:nth-child(1) .vx_lonely_frame:nth-child(2) a { background-image: url(images/bookmark.png); padding-top: 15px; }
	.col-md-3:nth-child(1) .vx_frame:nth-child(3) .vx_frame_title { background-image: url(images/documentation-juridique.png); padding-top: 15px; }
	.col-md-3:nth-child(1) .vx_lonely_frame:nth-child(4) a { background-image: url(images/bibliotheque.png); padding-top: 15px; }
	

	.col-md-3:nth-child(3) .vx_lonely_frame:nth-child(1) a { background-image: url(images/management.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(2) .vx_frame_title { background-image: url(images/organisation-actance.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(3) .vx_frame_title { background-image: url(images/booking.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(4) .vx_frame_title { background-image: url(images/charter.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(5) .vx_frame_title { background-image: url(images/coin-informatique.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(6) .vx_frame_title { background-image: url(images/writing.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(7) .vx_frame_title { background-image: url(images/ecologie-icone-33px.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(8) .vx_frame_title { background-image: url(images/woman.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_frame:nth-child(9) .vx_frame_title { background-image: url(images/trame-document.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_lonely_frame:nth-child(10) a { background-image: url(images/suggestion-ameliorations.png); padding-top: 15px; }
	/*
	.col-md-3:nth-child(3) .vx_frame:nth-child(1) .vx_frame_title { background-image: url(images/organisation-actance.png); }
	
	
	
	.col-md-3:nth-child(3) .vx_lonely_frame:nth-child(5) a { background-image: url(images/sites-utiles.png); padding-top: 15px; }
	.col-md-3:nth-child(3) .vx_lonely_frame:nth-child(6) a { background-image: url(images/numeros-utiles.png); padding-top: 15px; }
	
	*/

/**************************
 * Content > Search
 **************************/
#vx_google_search img
{
	width: 			20%;
}
#vx_google_search input.form-control
{
	width: 			47%;
}
#vx_google_search input#google
{
	width: 			30%;
	font-size: 		8pt;
}


/**************************
 * Content > News
 **************************/
.vx_post
{

}

	.vx_post .vx_post_title
	{
		line-height: 			1.5;
		background-color: 		transparent;
		background-image: 		url(images/news.png);
		background-position: 	left;
		background-repeat: 		no-repeat;
		padding: 				10px 0;
		padding-left: 			40px;
		border-bottom: 			1px solid rgba(0,0,0,.1);
		margin-top: 			30px;
		margin-bottom: 			5px;
		text-align: 			left;
		-moz-border-radius:		0;
		-webkit-border-radius:	0;
		border-radius:			0;
	}
	.vx_post .vx_post_title span
	{
		display: 				block;
		text-transform: 		uppercase;
		float: 					none !important;
		margin-left: 			0 !important;
	}
	.vx_post .vx_post_title span img
	{
		display:	 			none;
	}
	.vx_post .vx_post_short_text
	{
		color: 			#6F6F6F;
	}
	
	

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	/**************************
	 * Structure
	 **************************/
	.vx_homepage
	{
		padding-top: 			0;
	}
	
	/**************************
	 * Header
	 **************************/
	#vx_header
	{
		background-position: 	10px 50%;
		background-size: 		100px;
		margin: 				0;
		height: 				50px;
	}
	
	#vx_header h2
	{
		float: 				right;
		font-size: 			14pt;
		padding: 			0;
		margin: 			0;
		margin-top: 		15px;
	}
	#vx_header h2::after
	{
		content: 			"";
		display: 			none;
	}
	.vx_custom_menu_button
	{
		margin-top: 		15px;
		bottom: 			0;
	}
		
	/**************************
	 * Content > Search
	 **************************/
	#vx_google_search
	{
		text-align: 	center;
		margin: 		20px 0;
	}
	#vx_google_search img
	{
		width: 			20%;
	}
	#vx_google_search input.form-control
	{
		width: 			100%;
	}
	#vx_google_search input#google
	{
		width: 			100%;
		font-size: 		8pt;
	}

}